티스토리에 SyntaxHighlighter 적용하는 방법 : http://hijuworld.tistory.com/25


SyntaxHighlighter 에 다양한 테마를 적용 시켜보자.


우선 블로그 관리에가서 스킨 편집을 누르자.




그리고 html 편집을 누르자.



아래 그림에 보면 지난번 SyntaxHighlighter 를 업로드 할때 추가한 html 코드가 보인다.


빨간줄이 가있는 shThemeDefault.css가 티폴트 테마이다.


이것을 변경하면 테마를 편경 할 수 있다.


 테마 이름

 CSS 이름

 Default 

 shThemeDefault.css

 Django

 shThemeDjango.css

 Eclipse 

 shThemeEclipse.css

 Emacs 

 shThemeEmacs.css

 Fade To Grey

 shThemeFadeToGrey.css 

 Midnight

 shThemeMidnight.css 

 RDark

 shThemeRDark.css


위에 테마에 맞춰서 shThemeDefault.css를 다른 것 으로 바꿔주면 된다.

나는 shThemeDefault.css를 shThemeRDark.css 로 변경 하였다.


아래 적용하기전에 코드


아래 적용 후에 코드 이다.



각 테마별로 어떻게 변하는지 공식 사이트에서 캡쳐해왔다.




1. 테마 이름 : Default 

shThemeDefault.css 






2. 테마 이름 : Django 

shThemeDjango.css






3. 테마이름 : Eclipse 

shThemeEclipse.css






4. 테마 이름 : Emacs 

shThemeEmacs.css






5. 테마 이름 : Fade To Grey 

shThemeFadeToGrey.css 






6. 테마 이름 : Midnight 

shThemeMidnight.css 






7. 테마 이름 : RDark 

shThemeRDark.css







Brush nameBrush aliasesFile name
ActionScript3as3, actionscript3shBrushAS3.js
Bash/shellbash, shellshBrushBash.js
ColdFusioncf, coldfusionshBrushColdFusion.js
C#c-sharp, csharpshBrushCSharp.js
C++cpp, cshBrushCpp.js
CSScssshBrushCss.js
Delphidelphi, pas, pascalshBrushDelphi.js
Diffdiff, patchshBrushDiff.js
Erlangerl, erlangshBrushErlang.js
GroovygroovyshBrushGroovy.js
JavaScriptjs, jscript, javascriptshBrushJScript.js
JavajavashBrushJava.js
JavaFXjfx, javafxshBrushJavaFX.js
Perlperl, plshBrushPerl.js
PHPphpshBrushPhp.js
Plain Textplain, textshBrushPlain.js
PowerShellps, powershellshBrushPowerShell.js
Pythonpy, pythonshBrushPython.js
Rubyrails, ror, rubyshBrushRuby.js
ScalascalashBrushScala.js
SQLsqlshBrushSql.js
Visual Basicvb, vbnetshBrushVb.js
XMLxml, xhtml, xslt, html, xhtmlshBrushXml.js



Posted by 꿈만은공돌
,