网页源码语法高亮

由于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">
如果您觉得我的文章有帮助,请随意赞赏!

*发表评论

用QQ账号登录  请登录后发表评论