使用 highlight.js 格式化代码

分类:JavaScript     发布时间:2016-09-11     最后更新:2019-12-14     浏览数:3006
highlight.js 上手使用。

今天把文章详情页展示方式改了,支持代码高亮:

一、使用 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 种样式。

上一篇: 珠海前端 下一篇: Interspire Shopping Cart