目前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技術專欄