Blogger에 Code Highlight 적용하기

이것 저것 테스트를 해보면서 정리를 해야할 공간이 필요해서 블로그를 신설해봤다.

정리된 코드를 이쁘게 보기 위해서는 code highlight 가 지원이 될 필요성이 있어 혹시 몰라 해당 방법을 정리해둔다.

블로그 [설정]에서 [테마]를 선택하여 페이지 이동 후 [HTML 편집]을 진행한다.

</head> 코드 위에 아래 코드를 삽입하고 사용한다.

<link href='//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/obsidian.min.css' rel='stylesheet'/>
<script src='//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js'/>
<script>hljs.initHighlightingOnLoad();</script>

사용하는 방법은 별거 아래 코드와 같이 html 모드로 삽입을 하면 된다.

<pre><code class="language-html">
&lt;link href='//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/obsidian.min.css' rel='stylesheet'/&gt;
&lt;script src='//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js'/&gt;
&lt;script&gt;hljs.initHighlightingOnLoad();&lt;/script&gt;
</code></pre>

근데 이거 블로그 글쓰기 및 사용방법이 너무 불편하다....