時常寫程式，將一些程式筆記放在部落格上，但是並不能像編輯器一樣幫助上色，
介紹一款很好用的東西：Syntax Highlighter。透過他就可以替我們的程式碼上色。
以下介紹PIXNET線上引用流程：
STEP 01：
請先登入你的痞客幫帳號，進入管理後台。
STEP 02、03：
點選側邊欄位設定→新增版面
STEP 04：
請打上自訂標題(EX:js)
以及打上以下內容
|
<!-- Include *at least* the core style and default theme --> <!-- Include required JS files --> <!-- <!-- Finally, to actually run the highlighter, you need to include this JS on your page --> |
紅色的部分打上你所需要的程式語言就可以了!上面範例有:JAVA、C#、AS 3.0。
STEP 05、06：
將你剛剛新增好的版面拉到側欄上並按下儲存版面即可。
也可以將上述程式碼直接打在頁尾描述，並記得要顯示開啟才可以喔！
STEP 07：
當你要在文章當中插入程式碼時，使用HTML編輯模式，並打上
|
<pre class="brush:java"> //請在這裡輸入程式碼唷 </pre> |
紅字就是隨著你所需要的程式語言來變換，上面這個是以java為例子。
最後，附上程式碼的Brush name 與 file name。
| Brush name | Brush aliases | File name |
| ActionScript3 | as3, actionscript3 | shBrushAS3.js |
| Bash/shell | bash, shell | shBrushBash.js |
| ColdFusion | cf, coldfusion | shBrushColdFusion.js |
| C# | c-sharp, csharp | shBrushCSharp.js |
| C++ | cpp, c | shBrushCpp.js |
| CSS | css | shBrushCss.js |
| Delphi | delphi, pas, pascal | shBrushDelphi.js |
| Diff | diff, patch | shBrushDiff.js |
| Erlang | erl, erlang | shBrushErlang.js |
| Groovy | groovy | shBrushGroovy.js |
| JavaScript | js, jscript, javascript | shBrushJScript.js |
| Java | java | shBrushJava.js |
| JavaFX | jfx, javafx | shBrushJavaFX.js |
| Perl | perl, pl | shBrushPerl.js |
| PHP | php | shBrushPhp.js |
| Plain Text | plain, text | shBrushPlain.js |
| PowerShell | ps, powershell | shBrushPowerShell.js |
| Python | py, python | shBrushPython.js |
| Ruby | rails, ror, ruby | shBrushRuby.js |
| Scala | scala | shBrushScala.js |
| SQL | sql | shBrushSql.js |
| Visual Basic | vb, vbnet | shBrushVb.js |
| XML | xml, xhtml, xslt, html, xhtml | shBrushXml.js |
參考資料：
http://mistech.pixnet.net/blog/post/71490010-%E7%97%9E%E5%AE%A2%E9%82%A6-pixnet-%E4%BD%BF%E7%94%A8-syntax-highlighter-%E9%A1%AF%E7%A4%BA%E7%A8%8B%E5%BC%8F%E7%A2%BC
