某日见网上流传一文《9 Useful Javascript Syntax Highlighting Scripts》，让我大开眼界，但缺少一款GeSHi(Generic Syntax Highlighter)，总觉得有点遗憾，故重新总结一下。

代码高亮很重要，特别是当我们想要在博客中展示我们的代码的时候。通过在博客中启用代码高亮，读者更方便的读取代码块。

有很多免费而且有用的代码高亮脚本。这些脚本大部分由Javascripts编写，当然也有些使用其它语言(比如Phyton或Ruby)写的。

今天，让我们来看看使用最多的10款Javascript代码高亮脚本吧。

1.1. SyntaxHighlighter

dp.SyntaxHighlighter是一个用于对各种程序源代码语法进行加亮显法的JavaScript工具。支持当前流行的各种编程语言包 括：C#，C++，Delphi，Java，JavaScript，PHP，Python，Ruby，SQL，VisualBasic，XML/HTML。

2.2. SHJS

SHJS是Syntax Highlighting in Javascript的简写。它使用来自于GNU 源码高亮语言定义，并支持很多种编程语言。经测试SHJS 支持主流浏览器比如Firefox 2+, IE 6+, Opera 9.6+, Safari 3.2 及Chrome 1.0+.

3.3. beautyOfCode

beautyOfCode这个jQuery插件能够对html页面中各种源代码的语法进行着色显示。封装自Syntaxhighlighter并添加对xhtml兼容支持。

4.4. Chili

Chili是一个jQuery源代码语法着色/高亮插件。具有以下特性：

• 着色非常快，易于使用，完全可定制，文档丰富。
• 支持显示行号。
• 在Internet Explorer、Firefox、Opera和Safari等浏览器上显示同样的效果。
• 默认支持的源代码类型包括：C++、C#、CSS、Delphi、Java、JavaScript、LotusScript、MySQL、PHP和XHTML。
• 完全支持正则表达式，包括反向引用。

5.5. Lighter.js

Lighter.js是一款免费的MooTools代码高亮插件。使用lighter.js简单到只需要在你的页面中添加一段简单的脚本就OK了。

6.6. Highlight.js

highlight.js是一款非常容易使用的高亮脚本，支持多种编程语言。它还有一些很有用的插件，很容易的部署到其它CMS、论坛或博客。

7.7. DlHighlight

DlHighlight是一款简单的代码高亮脚本，它只支持4中编程语言：JavaScript, CSS, XML, HTML.

8.8. Google Code Prettify

Google Code Prettify 提供一个Javascript 模块和CSS 文件，可以在HTML页面中显示源代码的代码高亮效果。这是用于code.google.com的脚本。

9.9. JUSH

JUSH是另一款jQuery 代码高亮插件，它能够高亮显示HTML、CSS、JS、PHP和SQL脚本。除了语法高亮显示功能之外，它能够链到语法对应的API文档上。

10.9. GeSHi

GeSHi(Generic Syntax Highlighter)用于在HTML页面中高亮显示各种源代码。支持超过60种语言：PHP、HTML、C、Java、Java5、C#、 Actionscript、Delphi、C++、Groovy、Javascript、Perl、PL/SQL、Ruby、Python、SQL、 XML等，并易于集成到Dokuwiki,Mambo,phpBB,WordPress和WikkaWiki等系统中使用。

本人对原文作了些修改与翻译，如觉得翻译不当，请看原文！

注： beautyOfCode的访问路劲失效