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风格的代码风格哦。