快捷導(dǎo)航

分享15個(gè)美化代碼的代碼語法高亮工具

更新時(shí)間：2013年09月05日 17:51:43 作者：

由于技術(shù)類網(wǎng)站經(jīng)常提供一些代碼，分享給大家，但普通的代碼看起來不那么舒服，所以很多人開發(fā)了代碼高亮插件，讓代碼顯示的更漂亮

本文作者是Gavin McLeod，一個(gè)被困在《電子世界爭霸戰(zhàn)》里的骨灰級Web極客。在文中列舉了15個(gè)幫助開發(fā)者快速編碼、優(yōu)化代碼的語法高亮工具，每個(gè)高亮工具都有其功能特色。（以下是編譯內(nèi)容）

開發(fā)者和頑固的代碼極客深知Code Syntax Highlighter（以下簡稱“代碼語法高亮工具”）作為二級符號的一種形式，便于在一個(gè)結(jié)構(gòu)化語言或標(biāo)記語言里書寫代碼。有些代碼高亮編輯器里融合了多個(gè)語法高亮功能，例如拼寫檢查、代碼折疊。語法高亮工具可以在總體策略的使用上起到較大的作用：改善文本的可讀性和上下文語境，尤其是在代碼頁數(shù)較多的情況下。另外還能幫助開發(fā)者快速在編程過程中定位bug源頭。

不管你是一個(gè)代碼極客還是一個(gè)吊兒郎當(dāng)?shù)拇a農(nóng)，下面為你提供的代碼語法高亮工具保證能讓你寫的代碼煥然一新。

1. Prism

Prism是一個(gè)只有1.5KB大小的壓縮版輕量級工具，能夠簡單方便的整合到CSS和JavaScript文件里，運(yùn)行速度很快。已經(jīng)使用在Dabblet里（一個(gè)交互式的CSS場地）美化了很多代碼，所以說Prism很穩(wěn)定。新的編程語言也可以加入進(jìn)來，在使用這個(gè)插件架構(gòu)的前提下，新加入的語言功能性將不斷提升；外觀風(fēng)格和使用感覺都可以通過CSS來設(shè)計(jì)。

2. Rainbows

Rainbow是一款用JavaScript腳本編寫的只有1.4KB的輕量級工具。它只需要在有必要高亮顯示的語言上使用JavaScript模型來保持事情簡單化就可以了。同樣，顏色和字體可以通過CSS主題支持來完全自定義。

3. Snippet

Snippet是一個(gè)jQuery插件，建立在SHJS腳本的頂部以此來高亮顯示HTML文件里的源代碼。它支持很多種類的腳本語言：JavaScript、SQL、PHP和Ruby等等。其包含39個(gè)內(nèi)置的獨(dú)一無二的配色圖案，可以不斷的變換調(diào)試。

4. Geshi

這是一個(gè)高度自定義的語法高亮顯示工具，可以在網(wǎng)頁里用來更好的展示代碼片段。Geshi經(jīng)過開發(fā)后來應(yīng)用在phpBB論壇軟件上，但在功能特性上仍然是分開使用的。此外，這個(gè)語法高亮工具支持幾乎所有的流行編程語言，像ActionScript、ASP、C、JAVA、PHP、Ruby和SQL等等。

5. Syntax Highlighter

Syntax Highlighter幫助一個(gè)開發(fā)者/碼農(nóng)輕松在線公布代碼片段，而且代碼的外觀看上去也很不錯(cuò)。說白了，它就是一個(gè)100%建立在JavaScript基礎(chǔ)上的高亮顯示工具，不用考慮服務(wù)器上有什么其他東西。支持多款編程語言，壓縮后的核心庫只有11KB大小。然而，Syntax Highlighter并不具備編寫高亮代碼的能力，也不為用戶提供編寫源代碼的能力。

6. Google Code Prettify

這是在Google Code網(wǎng)站使用的腳本。這個(gè)腳本能夠自動(dòng)查出正在使用的編程語言，進(jìn)行相應(yīng)的美化。同時(shí)也可以通過CSS來自定義。

7. Hightlight.js

Hightlight.js基本上不需要采用復(fù)雜的步驟就可以使用了，因?yàn)樗淖詣?dòng)化程度很高：找出代碼塊，檢測語言，高亮顯示一下就行了。它已經(jīng)開始支持第三方應(yīng)用程序，并提供Firefox擴(kuò)展程序用于查看代碼，但是沒有語法高亮顯示。

8. SHJS:Syntax Highlighting in JavaScript

SHJS是一個(gè)JavaScript程序，它可以高亮顯示在HTML文檔里的源代碼段落。文件使用SHJS將會(huì)通過web瀏覽器高亮顯示在客戶端。這就賦予了SHJS一項(xiàng)功能，那就是能夠高亮顯示源代碼是使用不同的語言編寫的。

9. Quick Highlighter

這個(gè)在線高亮工具提供許多編碼語言，你可以選擇多個(gè)選項(xiàng)將這些編碼語言集體高亮顯示。在高亮顯示代碼、Combine Style、HTML Code、Highlight內(nèi)置關(guān)鍵詞、數(shù)據(jù)類型、Strict Mode和Wrap過剩文本之前你可以選擇檢查或者不檢查代碼。

10. Ultraviolet

Ultraviolet是一個(gè)運(yùn)行在Ruby上的語法高亮引擎，支持50種以上的編程語言和20種以上的主題。

11. Pygments:Python Syntax Highlighter

這款語法高亮工具是用Python構(gòu)建的，支持大部分的編程語言、多種輸出格式，它還可以被當(dāng)作是一個(gè)命令行工具或者是一個(gè)類庫來使用。

12. Lighter for MooTools

Lighter是一個(gè)免費(fèi)的語法高亮工具，專門為MooTools而開發(fā)的。MooTools開發(fā)者在創(chuàng)建Lighter之初運(yùn)用了許多框架結(jié)構(gòu)上的功能特點(diǎn)。它運(yùn)用起來就像是在網(wǎng)頁上添加一個(gè)單獨(dú)的腳本那樣簡單，選擇你想要高亮顯示的元素，Lighter會(huì)自動(dòng)處理其余部分。