syntaxhighlighter 4 빌드 실패로 인해 다른 highlighter 를 찾다가 highlight.js 를 발견하고 블로그에 적용해보았습니다.
적용 방법은 간단합니다.
### html
<!-- cdn 에서 라이브러리 로드 -->
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.3.0/styles/default.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.3.0/highlight.min.js"></script>
### html
<pre><code class="html">...</code></pre>
위와 같이 CDN 에 있는 라이브러리를 로드할 수 있도록 <link> 태그와 <script> 를 추가하고, <pre><code> 태그 안에 실제 코드를 삽입합니다.
위의 방식만으로는 티스토리에서 작성하는 것이 힘들어서 예전에 syntaxhighlighter 티스토리용 플러그인을 만드셨던 분의 소스(sh4tistory)를 참고하여 highlight.js 티스토리 플러그인을 만들어보았습니다.
https://github.com/Vince-Yi/highlightjs4tistory
사용하는 방법은 기존의 티스토리 플러그인과 같이 인용구에 소스코드를 삽입하는 방식으로 "###" + brushName 을 이용하였습니다.
