使用SyntaxHighlighter工具顯示HTML語法的注意事項與技巧

之前在撰寫「JavaScript上的同名函數陷阱！！」這篇文章時，藉由使用SyntaxHighlighter工具讓JavaScript程式碼終於可以得到較佳的顯示效果。這次則是想要套用SyntaxHighlighter工具來處理HTML語法的顯示效果，但是一開始就遭遇到狀況，將HTML語法貼到Blogger的「修改HTML」編輯框後一直出現語法有誤，無法正確預覽。

反覆檢查操作步驟，確定已經依照官網說明之方式加入class="brush: html"語法，應該要設定的資料也都沒有發現錯誤。上網找了一下資料，在「Blogger加掛 SyntaxHighlighter，顯示漂亮的彩色程式碼」這篇文章中提到，必需先將大於(>)、小於(<)等HTML特殊符號進行編碼後才可以貼到Blogger的「修改HTML」編輯框‧‧‧之前還真沒特別注意到這件事，難怪貼上的程式碼一直錯誤。

利用Google協作平臺檔案櫃擺放JavaScript程式碼

在「JavaScript上的同名函數陷阱！！」這篇文章中，由於需要顯示程式碼，一開始自己動手編排，但怎麼排都不滿意，一直達不到其它討論程式部落格的程式碼編排漂亮，上網找了一下才發現原來是有工具可以利用，而我居然傻傻的自己排版‧‧‧orz