티스토리에서 Syntax highlighting 하기

자주 보면서도 안쓰다가 한번 해봄
http://alexgorbatchev.com/SyntaxHighlighter/
1. 일단 여기서 파일을 받고 압축을 푼다.

그리고 티스토리 블로그의 관리자페이지에서 
2. HTML/CSS 편집 ->파일업로드  에 scripts와 style의 모든 파일을 업로드한다.
3. HTML/CSS에서 필요한 파일을 집어넣으면 된다.

<link rel="stylesheet" type="text/css" href="./images/shCoreDefault.css">
일단 이걸 </head> 전에 넣고,

<!-- Start SyntaxHighlighter --> <script type="text/javascript" src="./images/shCore.js"></script> <script type="text/javascript" src="./images/shAutoloader.js"></script> <script type="text/javascript"> //<![CDATA[ SyntaxHighlighter.autoloader( 'applescript ./images/shBrushAppleScript.js', 'actionscript3 as3 ./images/shBrushAS3.js', 'bash shell ./images/shBrushBash.js', 'coldfusion cf ./images/shBrushColdFusion.js', 'cpp c ./images/shBrushCpp.js', 'c# c-sharp csharp ./images/shBrushCSharp.js', 'css ./images/shBrushCss.js', 'delphi pascal ./images/shBrushDelphi.js', 'diff patch pas ./images/shBrushDiff.js', 'erl erlang ./images/shBrushErlang.js', 'groovy ./images/shBrushGroovy.js', 'java ./images/shBrushJava.js', 'jfx javafx ./images/shBrushJavaFX.js', 'js jscript javascript ./images/shBrushJScript.js', 'perl pl ./images/shBrushPerl.js', 'php ./images/shBrushPhp.js', 'text plain ./images/shBrushPlain.js', 'py python ./images/shBrushPython.js', 'ruby rails ror rb ./images/shBrushRuby.js', 'sass scss ./images/shBrushSass.js', 'scala ./images/shBrushScala.js', 'sql ./images/shBrushSql.js', 'vb vbnet ./images/shBrushVb.js', 'xml xhtml xslt html ./images/shBrushXml.js' ); SyntaxHighlighter.all(); //]]> </script> <!-- END SyntaxHighlighter -->

요걸  </s_t3> 위에 넣는다.(</body>위에 있다.)

그럼 설정끝 ㅎ  

적용은 <pre> 태그로 글쓰기의 태그편집기에서 해주면 된다.
예를들어서

<pre class="brush:cpp">
#include<iostream>
int main(void){ 
std::cout<<"test"<<std::endl; 
return 0;
}
</pre> 
이거는 

#include<iostream>
int main(void){
    std::cout<<"haha";
    return 0;
}

우후
쓸만하군