[SyntaxHighlighter] Tistory 소스코드 하이라이트

각종 옵션들

---

1. <pre class="brush:html"> <!-- HTML 소스표시 -->
2. <pre class="brush:css"> <!-- CSS 소스표시 -->
3. <pre class="brush:js"> <!-- JavaScript 소스표시 -->
4. <pre class="brush:html highlight:[2,4]"> <!-- 특정 행 강조 -->
5. <pre class="brush:js html-script:true"> <!-- 다른 언어와 HTML -->
6. <pre class="brush:html first-line:25"> <!-- 시작 행 번호 변경 -->
7. <pre class="brush:html toolbar:false"> <!-- 도구모음 숨기기 -->
8. <pre class="brush:html auto-links:false"> <!-- 오토 링크 해제 -->
9. <pre class="brush:html" title="Blomari Note"> <!-- 제목 표시 -->

테마 변경

---

1. <link rel="stylesheet" type="text/css" href="./images/shCoreDefault.css" />

테마 레퍼런스 사이트

shCore 와 shTeme의 차이점

shCore가 주변 테두리 없이 변경되어서 좋음.

언어 종류

---

1. SyntaxHighlighter.autoloader(
2. 'applescript ./images/shBrushAppleScript.js',
3. 'actionscript3 as3 ./images/shBrushAS3.js',
4. 'bash shell ./images/shBrushBash.js',
5. 'coldfusion cf ./images/shBrushColdFusion.js',
6. 'cpp c ./images/shBrushCpp.js',
7. 'c# c-sharp csharp ./images/shBrushCSharp.js',
8. 'css ./images/shBrushCss.js',
9. 'delphi pascal ./images/shBrushDelphi.js',
10. 'diff patch pas ./images/shBrushDiff.js',
11. 'erl erlang ./images/shBrushErlang.js',
12. 'groovy ./images/shBrushGroovy.js',
13. 'java ./images/shBrushJava.js',
14. 'jfx javafx ./images/shBrushJavaFX.js',
15. 'js jscript javascript ./images/shBrushJScript.js',
16. 'perl pl ./images/shBrushPerl.js',
17. 'php ./images/shBrushPhp.js',
18. 'text plain ./images/shBrushPlain.js',
19. 'py python ./images/shBrushPython.js',
20. 'ruby rails ror rb ./images/shBrushRuby.js',
21. 'sass scss ./images/shBrushSass.js',
22. 'scala ./images/shBrushScala.js',
23. 'sql ./images/shBrushSql.js',
24. 'vb vbnet ./images/shBrushVb.js',
25. 'xml xhtml xslt html ./images/shBrushXml.js'
26. );

사용방법

---

<pre class="brush: 언어이름;">

/* 코드 */

</pre>

<script type="syntaxhighlighter" class ="brush: 언어이름">

/* */

</script>

참고 사이트

---

http://alexgorbatchev.com/SyntaxHighlighter/manual/demo/

http://blomari.tistory.com/54