WordPress集成Google Code Prettify实现代码高亮效果2

WordPress集成Google Code Prettify实现代码高亮

WordPress代码高亮插件我一直在使用WP Code Highlight,今日我介绍个集成 Code Prettify实现WordPress代码高亮的方法,我的博客已经换成了这种方法。

直接引用cdn:https://cdn.rawgit.com//code-prettify/master/loader/run_prettify.js,我是下载到主题中,所以手动引用:

加载js

加载class

我的文章class是.post-content,所以查找.post-content中的pre加class prettyprint。

做监听

在body标签内增加

效果示例

WordPress集成Google Code Prettify实现代码高亮效果1
WordPress集成Google Code Prettify实现代码高亮效果1
WordPress集成Google Code Prettify实现代码高亮效果2
WordPress集成Google Code Prettify实现代码高亮效果2

注意

这里我是加载文章也和页面中,你也可以全局加载根据需求,加载js需要在jquery之后。prettify不支持在pre标签中影响全局或者出现夸张的标签,比如script、php、body等。

发布者

小旭旭

iOpenV 创始人,80后,从事:项目管理、网站建设方案、网站优化策略;职务:网站管理员、部门主管、技术总监、经理。

发表评论

电子邮件地址不会被公开。 必填项已用*标注