SyntaxHighLighter 3.0版

SyntaxHighLighter是一個很好用的JAVA工具，
可以替網頁上的程式碼(source code)自動上色，
以達到網路上分享的程式碼具有可讀性的效果。

之前有分享過將2.0版安裝到Blogger的方法：替blogger加入張貼程式碼的功能

最近發現作者已經更新到3.0版了：SyntaxHighlighter 3.0.83，
並且這個版本移除掉最近頗受爭議的flash工具，純粹以JAVA及CSS撰寫，也是一大突破！
並新增了一些語言，詳細的更新資訊請見 What's New。




安裝到blogger的方法跟之前差不多，
首先將整個3.0版本檔案解壓縮後，上傳到網路上。
需要上傳的有2個資料夾：
scrpits: javascript檔
styles: CSS的定義檔, 包含各種語言的上色方法等



接著要到blogger的"後台/設計"內的"網頁元素"，增加一個"網頁元素的小工具"，
選擇"HTML/JavaScript"，並放在"網誌文章"的前面。



在這個工具裡面輸入下列語法，將各種程式語言分析工具的JavaScript引入。



要加入的語法如下：



最後需要把CSS檔案加入到blogger的範本裡，著要需要放在之前。
我是放在....裡的最後面。




要加入的CSS語法如下：



這樣就完成SyntaxHighlighter 3.0版本的安裝。

使用方法與2.0相同，不過這次的版本多了一個可以利用JavaScript顯示的方式，作法如下：

在需要顯示色彩的程式碼前後，加入如下的語法




其中，brush: 後面接的就是程式碼的語言類型。
目前支援C++, C#, VB, JAVA, ...etc. 詳細的表格可以到官方網站看。