今天把文章详情页展示方式改了,支持代码高亮:
一、使用 highlight.js 高亮代码。
效果请查看:移动设备下的幻灯片
简单的使用:
a.引入外部样式表
<link rel="stylesheet" href="css/highlight.min.css">
b.引入js
<script src="js/jquery.js"></script>
<script src="js/highlight.min.js"></script>
c.初始化highlight插件
$(function() {
$('pre.prettyprint').each(function(i, block) {
hljs.highlightBlock(block);
});
});
就这么简单,而且该插件提供了 166 种编程语言和 77 种样式。