WordPress 代码高亮插件:Pure-Highlightjs

因为偶尔折腾代码,所以代码高亮是少不了的一个功能,在这里推荐一款 WordPress 代码高亮插件:

Pure-Highlightjs

一个基于 Highlightjs 实现的 WordPress 代码高亮插件,支持 N 多种语言高亮,还提供多种主题。

Pure-Highlightjs 依赖于以下开源项目:

>> highlightjs.org

highlight.js 是一个用于在任何 web 页面上着色显示各种示例源代码语法的 JS 项目。


安装说明

1、下载

>> 下载 Pure-Highlightjs 插件

2、安装

进入 WordPress 后台管理页面, 插件 > 安装插件 > 上传插件 ,上传刚才下载的 ZIP 文件,然后安装。

或者解压安装包,上传到插件目录 /wp-content/plugins/

3、启用

安装完毕后,在已经安装的插件里启用 Pure Highlightjs


使用说明

WordPress 代码高亮插件:Pure-Highlightjs
编辑器可视化插入代码
WordPress 代码高亮插件:Pure-Highlightjs
编辑器可视化插入代码
WordPress 代码高亮插件:Pure-Highlightjs
Pure Highlightjs 后台进入设置选项
WordPress 代码高亮插件:Pure-Highlightjs
Pure Highlightjs 选择代码高亮样式

顺带一提,之前我使用的代码高亮插件是:Crayon Syntax Highlighter,虽说这个插件很不错,功能十分丰富,不过使用一段时间下来觉得增加网站响应时间,毕竟这个插件比较大(2.1M)。

Pure Highlightjs 这个插件只有 142K,很小巧。

不过值得注意的地方是:Pure Highlightjs 只能在 WordPress 默认编辑器内使用,并且不支持行号。


本文来自 BUGCC NOTE

文章链接:https://www.sbkko.com/wordpress-daimagaoliangchajianpure-highlightjs.html
文章标题:WordPress 代码高亮插件:Pure-Highlightjs
文章版权:SBKKO 所发布的内容,部分为原创文章,转载请注明来源,网络转载文章如有侵权请联系我们!

给TA打赏
共{{data.count}}人
人已打赏
WP文章

Contact Form 7 不能显示访客网址post url

2017-1-31 17:35:00

WP文章

WordPress整站迁移到Hawkhost

2017-2-3 11:41:00

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索