highlight.js + 티스토리 플러그인 적용

syntaxhighlighter 4 빌드 실패로 인해 다른 highlighter 를 찾다가 highlight.js 를 발견하고 블로그에 적용해보았습니다.







적용 방법은 간단합니다.

### html

### html
<pre><code class="html">...</code></pre>

위와 같이 CDN 에 있는 라이브러리를 로드할 수 있도록 <link> 태그와 <script> 를 추가하고, <pre><code> 태그 안에 실제 코드를 삽입합니다.






위의 방식만으로는 티스토리에서 작성하는 것이 힘들어서 예전에 syntaxhighlighter 티스토리용 플러그인을 만드셨던 분의 소스( sh4tistory )를 참고하여 highlight.js 티스토리 플러그인을 만들어보았습니다.

https://github.com/Vince-Yi/highlightjs4tistory

사용하는 방법은 기존의 티스토리 플러그인과 같이 인용구에 소스코드를 삽입하는 방식으로 "###" + brushName 을 이용하였습니다.