블로그에 Syntax Highlighter 하기

블로그에 Syntax Highlighter가 제대로 작동이 되지 않아서, 변경했다.

예전에 사용했던 방식보다 설정하는법이 훨씬 간단하다.

티스토리를 기반으로 설명하면..

1. 블로그 관리에 들어가서 HTML/CSS 편집을 클릭한다.

2. 우측에 펼처진 프레임에서.. HTML을 클릭한다.

3. </body> 태그가 끝나는 지점에 아래의 script 태그를 추가한다.

<!-- Syntax Highlighter -->
<script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js?skin=sunburst"></script>
<!-- Syntax Highlighter -->

4. 사용할때는, HTML 박스를 클릭하고 아래와 같이 입력하면 된다.

<pre class="prettyprint">



// 소스는 이곳에 작성한다.


</pre>

기본적으로, prettyprint는 언어를 설정하지 않아도 된다.

강제로 설정하고 싶다면, class에 lang-js와 같이 추가하면 된다.

<pre class="prettyprint lang-js"></pre>

추가가 가능한 언어는 아래와 같다.

"bsh", "c", "cc", "cpp", "cs", "csh", "cyc", "cv", "htm", "html",
    "java", "js", "m", "mxml", "perl", "pl", "pm", "py", "rb", "sh",
    "xhtml", "xml", "xsl".

소스에 행번호를 출력하고 싶다면, linenums를 추가한다.

<pre class="prettyprint lang-js linenums">
</pre>