我發現自己似乎對一些語法標亮的工具相當的感興趣，總是覺得它可以為讀者帶來更好的閱讀體驗，所以前前後後我介紹了不了「語法高亮」的工具，這裡面有有線上的、有使用外掛的、有專業的、有入門級的，總之這類的服務相當的多，而我自己比較偏愛「代碼發芽網」這種不需要另外載入Javascript或CSS的服務，這樣可以避免在載入網頁時浪費不必要時間，可惜的是這個網站已經不再經營了，因此這幾天另外找了一個替代品「hilite.me」要來介紹給大家，它同樣無需JS、CSS，只要把產生出來的HTML代碼貼到文章中就可以了，效果還不錯喔
語法高亮
Code Beautify超過100種的程式碼轉換美化工具，網站設計必備
「Code Beautify」若就名字來看，它是一個幫我們的程式碼做美化的工具 ( 程式碼轉換 )，但更多時候，我會利用它來驗証語法的正確性以及進行不同轉換工作。Code Beautify支援的工具不少，大多數對於程式設計師來說都是很有幫助的，算一算有超過100種的工具，諸如JSON、CSS、XML、HTML、RSS、SQL、BASE64、OPML、Java、Javascript、C#等等，都有相對應的工具可以利用，推薦給有需要的設計師們，即使你不是程式設計師，那也無妨，Code Beautify也有提供許多實用的生活小工具，例如單位換算就很適合每個人。
GitHub Gist § 高亮化程式碼的上上之選，支援版本控制
趁著上一篇介紹了「Crayon Syntax Highlighter」後，我想繼續介紹另一個我個人覺得很好的高亮化語法解決方案。在上一篇文章中提到，在WordPress安裝外掛多多少少都還是會影響效能的，若是你很在意這一點，那麼可以試試之前介紹過的一些「語法高亮」線上工具，例如：「Pastie」或「代碼發芽網」，但除此之外，本文的主角「GitHub Gist」有可能是綜合考量各方面因素後，一個非常適合用在網站上呈現高亮化語法的服務，GitHub Gist是什麼？它源自於知名的「GitHub」，我想有在寫程式的人大都應該知道，所以在穩定度上有一定的保障，而且Gist又援了版本控制，對於常在修改程式碼的人來說，是個蠻不錯的選擇。
[WordPress] Crayon Syntax Highlighter 程式碼高亮化外掛，無痛使用教學
在眾多的WordPress Highlight Code Plugin中，我最喜歡的當屬「Crayon Syntax Highlighter」了，原因很簡單，因為它的支援的程式語言蠻多的，呈現的樣式很有質感，而且使用上相當簡單，如果有遇到不支援的語法，可自行設計主題並提交給作者，讓作者納入支援的名單中，不過除非你有特別需求加上很熱心，一般情況下我們是不會另外新增主題的，用內建的即可。 網址： Crayon Syntax Highlighter、Crayon Github、官方Demo
代碼發芽網 § 程式碼標亮的最佳工具，免插件外掛
在一些教學文章中，難免需要用一些語法來說明，如果將語法漂亮的呈現在文章中，那麼不管在解說或者是閱讀上，都會有比較好的效果，傳達意念上也較為容易，而為了達到這個目的，比較常用的方式是標亮語法，例如之前介紹過的Pastie、Advanced Syntax Highlighting或Syntax Highlighting，當然我們也可以用Javascript的方式來載入，但缺點是太浪費流量了，因為不是每一篇文章都需要用到這些Javascript，所以我目前的習慣還是以最簡單的方法來進行，利用基本的HTML語法來標亮即可，而這次要介紹的「代碼發芽網」，我個人覺得相當的不錯，它支援了230多種的語法、30多種流行的主題，還可設定背景色、字型，如果註冊會員的話可以進行管理的動作，但我覺得最方便的是它支援顯示行號，這樣在文章中要做語法說明時就會相當的方便，而且它所產生的標亮語法在各大部落格或論壇中都可以呈現的很好，很值得加入收藏。
網址：代碼發芽網
NppExport 將Notepad++的高亮化語法匯出成HTML檔
Notepad++是一個可以編寫許多語法的好工具，它可以把語法高亮化，以便讓撰寫者容易辨別關鍵字，這對於程式設計者來說是個相當重要的功能，很多人也都用這一款編輯工具來取代UltraEdit，而今天介紹的「NppExport」則是一個Notepad++的外掛模組，它的功能是把編寫好的高亮化語法直接匯出成HTML檔，以便容易的放在網頁上供人觀看，所以若有對某些部落格主需要解說程式代碼時，這會是個蠻不錯的輔助工具。
註：也可以利用類似Syntax Highlighting這樣的線上工具來達成
Pastie § 線上程式代碼美化服務，支援行數顯示
Advanced Syntax Highlighting § 高亮化程式碼線上工具
繼前幾天介紹過「Syntax Highlighting」這個語法高亮化的線上工具後，今天再來介紹一個類似的工具「Advanced Syntax Highlighting」，我想這次的主角與前者最大的不同在於它能替每一行語法加入行數，而且若是語法有關鍵字標籤的話，它會幫我們加入定義的連結，因此，當你按了此連結後就可以連到解釋這些關鍵字用法的網站中(或者連到Google搜尋)，稍後各位可以自行用文章末的實際例子測試看看。
Syntax Highlighting 程式碼、語法高亮化產生器 § 替語法加入美觀的顏色
在寫網誌文章的時候，免不了需要在文章中貼上一些程式語法，很多人會採用CSS的方法來設計語法呈現的方式，基本上我也是這樣，不過再我未使用CSS時，我是採用「Online Syntax Highlighting for html」所提供語法高亮化的功能，幫助我將語法關鍵字加入適當的顏色，不僅美觀而且較容易閱讀，例如我之前的寫過的Mantis文章，就是採用這種方式。