syntaxhighlighter 2.0 blogger 文章中插入程式碼的好工具

最近開始想要在blogger上貼點程式碼,當作自己的回憶筆記..(發現寫些電影終究沒人看XD)
再找尋了很多語法後,找到了這個最符合需求的syntaxhighlighter,一個用javascript達到顯示程式碼的好工具
google project:http://code.google.com/p/syntaxhighlighter
作者網站:http://alexgorbatchev.com/wiki/SyntaxHighlighter 記得Donate一下

建置步驟如下:
1.下載需要的檔案
2.加入js連結,範例如下

yoursite換成你的檔案的空間即可
3.接著加入

SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.ClipboardSwf = 'http://yoursite/clipboard.swf';
SyntaxHighlighter.all();

bloggerMode可解決blogger會幫你自動填br tag的問題
clipboard.swf則提供檢視原始碼 複製原始碼的flash檔
4.最後在你想要貼的code前面使用pre這個tag即可

 

<pre class="brush: 顯示的語言種類;">
code....
</pre>

相關參考文章
http://sharedderrick.blogspot.com/2007/12/blogger-syntaxhighlighter.html
http://www.inote.tw/2009/02/blogger.html