代码高亮的JS库 prettify.js
prettify.js
一、下载地址：
二、使用方法
1、加载prettify类库
方式一、通过第三方CDN加载（推荐）
<script type="text/javascript"
src="https://cdn.jsdelivr.net/gh/google/code-prettify@master/loader/run_prettify.js?skin=desert"></script>
方式二、本地加载
<link type="text/css" href="prettify.css" rel="stylesheet" />
<script type="text/javascript" src="run_prettify.js"></script>
2、在body的onload事件里添加函数οnlοad=”prettyPrint()”
<body onload="PR.prettyPrint()">
or
<body onload="prettyPrint()">
3、给pre标签添加class属性，值为：“prettyprint linenums”：
<pre class="prettyprint">
...
</pre>
也可以通过js动态添加：
$(document).ready(function() {
$("pre").addClass("prettyprint");
});
三、prettify支持5种样式（皮肤）：
prettify.css
sunburst.css
desert.css
doxy.css
sons-of-obsidian.css
四、run_prettify.js 与 prettify.js 的区别
方式一使用的是run_prettify.js，方式二使用的是 prettify.js，二者有什么区别呢？
简单来说 run_prettif.js 是自动完成渲染工作的，使用 prettify.js，需要手动调用prettyPrint方法。
另外，run_prettify.js，它还会加载一些其它语言支持的 JS 文件。
版权声明：本文为kevin.浩原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。