代码高亮显示插件

代码高亮显示插件

在我们写博客或文章的时候可能会在pre标签中插入代码,但是原生的pre标签代码显示比较单一,不易突出重点不方便阅读,今天我来给大家分享,一个 代码高亮 插件,实现代码高亮显示。 演

加入会员可享受插件9折优惠待遇

插件介绍

在我们写博客或文章的时候可能会在pre标签中插入代码,但是原生的pre标签代码显示比较单一,不易突出重点不方便阅读,今天我来给大家分享,一个代码高亮插件,实现代码高亮显示。

演示效果

追梦者模板代码高亮插件

使用方法:

第一步,引入prettify.js和prettify.css

第二步,pre标签添加CSS类“prettyprint linenums”

或者你也可以这样,使用js动态添加

$(document).ready(function() {
 $(".entry-content pre").addClass("prettyprint linenums");
});
插件评价

共有 条评论