7個高性能JavaScript代碼高亮插件

　　在寫技術博客的時候，在處理代碼時，博客可以將代碼高亮顯示在頁面上，對這個感到好奇，是如何作到的呢？

　　因而百度了一下，原來是「JavaScript代碼高亮插件」的功勞。

　　一款優秀的JavaScript代碼高亮插件，將會幫助你渲染任何一種編程語言，包括一些關鍵字的着色，以及每行代碼的縮進等，很是有效地幫你實如今網頁上的代碼編輯和展現。

 

　　一、SyntaxHighlighter – 最優秀的JavaScript代碼高亮插件

　　SyntaxHighlighter 是一款徹底基於JavaScript的代碼高亮插件，SyntaxHighlighter能夠對大部分編程語言進行着色渲染，並且代碼高亮的性能也很是不錯。SyntaxHighlighter 能夠自定義主題文件，在初始化的時候指定本身喜歡的主題便可。 

 　　二、Google Code Prettify – 自由地JavaScript代碼高亮插件

　　Google Code Prettify是一款由Google推出的JavaScript代碼高亮插件，Google Code Prettify能夠對C/C++，Java，Python，Ruby，PHP，VisualBasic，AWK，Bash，SQL，HTML，XML，CSS，JavaScript，Makefiles和部分Perl編程語言代碼高亮着色。

 　　三、Highlight.js – 多風格JavaScript代碼高亮插件

　　Highlight.js是一個用於在任何web頁面上高亮着色顯示各類示例源代碼語法的JavaScript項目。具備如下特點：

• • 支持 92 種語言，49 種代碼格式化風格。
  • 自動檢測語言種類
  • 支持多語言混合的代碼高亮
  • 支持Node.js
  • 支持使用任何HTML標記
  • 兼容任意js框架

　　4. Prism.JS - 輕量級JavaScript代碼高亮插件

　　Prism.JS是目前最爲輕量級的JavaScript代碼高亮插件，他壓縮後只有2KB的大小，Prism.JS也支持大部分流行的編程語言，而且支持多種主題樣式，開發者只須要引用CSS文件和JS文件便可完成。

　　五、jQuery.Syntax – jQuery輕量級代碼高亮插件

　　這款代碼高亮插件是基於jQuery的，一樣也是輕量級的，渲染速度很是快。同時jQuery.Syntax還具備wordpress的插件應用，對於我的博主來講，使用wordpress和jQuery.Syntax能夠完美實現0代買的高亮功能。

　　六、DlHighlight – jQuery簡單高效代碼高亮插件

　　DlHighlight是基於JavaScript的代碼高亮插件，很是簡單，目前只支持JavaScript, CSS, XML, HTML。 

　　七、Rainbow.js – 可擴展的JavaScript代碼高亮插件

　　Rainbow 是JavaScript開發的語法高亮工具。被設計爲輕量級（壓縮後僅1.4 kb），使用簡單，可擴展。語法高亮主題徹底經過CSS定義。基於正則表達式實現。

 

　　這幾個JavaScript代碼高亮插件都是比較經常使用的，我使用了highlight.js，支持sublime風格的代碼風格哦。