目前IT技术网使用 google-code-prettify 来实现代码的高亮显示,以前IT技术网使用的是highlight.js 来实现文章中代码的高亮显示,但是highlight.js 显得很臃肿,加载起来很慢,然而谷歌的prettify.js非常小巧且配置简单,使用它来实现代码的高亮显示是个不错的选择。下边我们简单看看 prettify.js 的使用方法:
<link href="/templets/css/atr.css" media="screen" type="text/css" rel="stylesheet" />
<script src="/templets/js/prettify.js"></script>
<body onload="prettyPrint()">
<h2>使用prettify.js 实现代码高亮</h2>
<pre class="prettyprint">
<p class="text-left">IT技术网提供</p>
<p class="text-center">使用 Google Code Prettify 实现代码高亮.</p>
</pre>
</body>
更多信息请查看IT技术专栏