使用Google Code Prettify实现代码高亮
prettify 非常小巧且配置简单，使用它来实现代码的高亮显示是个不错的选择。下边我们简单看看Google Code Prettify的使用方法：
1.引入 jQuery 文件、 prettify.js 文件和样式主题ddd.css
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
<script src="prettify.js" type="text/javascript"></script>
<link rel="stylesheet" href="http://1.absyy.sinaapp.com/GoogleCodePrettify/ddd.css" type="text/css" media="all"/>
2.调用 prettify.js 实现代码高亮
在网页中加入：
<script>
$(window).load(function () {
$("pre").addClass("prettyprint linenums");
prettyPrint();
})
</script>
//linenums表示添加行号
将你需要高亮显示的代码片断放在<pre>标记里即可，如下：
<pre> @*你的代码片断*@ </pre>
效果见本文。