代码高亮显示插件

代码高亮显示插件

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

商业插件永久包更新包售后

模板介绍

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

演示效果

追梦者模板代码高亮插件

使用方法:

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

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

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

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

标签
赞(0)