代码高亮显示工具google-code-prettify的简介

#1. google code prettify的说明文档：

https://google-code-prettify.googlecode.com/svn/trunk/README.html 

#2.下载google-code-prettify

http://code.google.com/p/google-code-prettify/downloads/list

此处可以选择prettify-small-4-Mar-2013.tar.bz2

#3. 解压生成google code prettify

#4. 引用 prettify.css 以及prettify.js，并使用prettyPrint()

<link href="prettify.css" type="text/css" rel="stylesheet" />

<script src="prettify.js"type="text/javascript"></script>

#5. 替换原有的代码高亮显示工具。（如果之前使用的是syntax-highlighter, DOM中的有原始的pre,则可以使用下面的script来实现替换。)

$(window).load(function(){
     $("pre").addClass("prettyprint");
     prettyPrint();
})

默认效果如下：