由于HTML本身并不认空格,因此网页中如果要展现程序代码通常会用<pre>标签来保留缩进、空格等格式。作为程序员的Blog,对此的需求更是高很多。单单利用<pre>标签保留代码格式还不能让代码看起来很漂亮,通常在IDE中都会有语法高亮的特性,利用google-code-prettify可以很方便的在网页中实现这一功能。
官方主页在此:http://code.google.com/p/google-code-prettify/
下载最新的源码之后,在网页的HEAD部分加入以下两行
<link href="prettify.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="prettify.js"></script>
然后在需要高亮代码的地方,将代码放在<pre class="prettyprint lang-X"> </pre> 标签中。在class中lang-X的X可以是下面几种语言之一:
bsh", "c", "cc", "cpp", "cs", "csh", "cyc", "cv", "htm", "html", "java", "js", "m", "mxml", "perl", "pl", "pm", "py", "rb", "sh", "xhtml", "xml", "xsl"
如果需要显示行号,可以用<pre class="prettyprint lang-X linenums">