每次在Xuite寫JavaScript語法教學，
若存檔後再做編修，語法因為字元重組之後，
就會有錯誤的狀況產生，加上不好排版，不好閱讀。

還好有google到許多大大的Blog上都有用syntaxhighlighter，
順便整理一篇留著以後複製貼上用。
在這先以JavaScript為例，步驟如下：

1. 先放這一段，檔案請到syntaxhighlighter下載，
   放到自己的主機，記得要修改路徑。
   然後將此段語法放到Blog的自訂欄位，就不用每次都要貼。 <link type="text/css" rel="stylesheet" href="http://joy715.googlepages.com/SyntaxHighlighter.css"></link> <script language="javascript" src="http://joy715.googlepages.com/shCore.js"></script> <script language="javascript" src="http://joy715.googlepages.com/shBrushJScript.js"></script> <script language="javascript" src="http://joy715.googlepages.com/shBrushXml.js"></script>
2. 這裡放您要顯示的JavaScript。

   
   
   <SCRIPT LANGUAGE="JavaScript">
   <!--
   您的JavaScript
   //-->
   </SCRIPT>
   
   
   

3. 這裡放另一段，一定要放在要顯示的JavaScript之下。 <script language="javascript"> dp.SyntaxHighlighter.ClipboardSwf = 'http://joy715.googlepages.com/clipboard.swf'; dp.SyntaxHighlighter.HighlightAll('code'); </script>
4. 若程式不只一段，只要貼2與3，把code改成code1，改兩個地方。
   再增加一個就改成code2，以此類推，
   記得要兩個code一起改，同一網頁內容name的名稱不能重複。


5. 補充syntaxhighlighter支援程式語言列表。
   以使用C#為例，
   要把1的shBrushJScript.js改成shBrushCSharp.js，class="javascript"改成class="c#"。


6. 可惜在Xuite存檔後再做編修的動作，會產生一些問題，無法編修，殘念...
   

technorati tags: 部落格工具, JavaScript, syntaxhighlighter