1. 下载prettify.js和prettify.css
prettify.css https://github.com/StanleyLe/Utils/blob/master/prettify.css
prettify.js https://github.com/StanleyLe/Utils/blob/master/prettify.js
2. 引入prettify.js和prettify.css
<link href="/static/css/prettify.css" rel="stylesheet">
<script src="/static/js/prettify.js"></script>
3. 在你的博客文章pre标签上添加class属性<pre class="prettyprint linenums">这里放置转义后的代码</pre>或者你可以动态添加
$(document).ready(function() {
$("pre").addClass("prettyprint linenums");
});
4. 在script标签加入如下代码
<script type="text.javascript">prettyPrint();</script>
或者直接将body标签改为<body onload="prettyPrint();">
网友评论