菜单
189-0733-7671

WordPress 代码高亮插件:Pure-Highlightjs

本文推荐WordPress代码高亮插件Pure-Highlightjs,基于Highlight.js开发,支持多种语言和高亮主题,体积仅142K。插件需通过后台安装并启用,适用于默认编辑器,但不支持行号显示。相比功能丰富但体积较大的Crayon插件,Pure-Highlightjs更轻量,适合追求简洁高效的用户。

曾凤祥
曾凤祥 技术总监
| | 3 分钟
WordPress 代码高亮插件:Pure-Highlightjs

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

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

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

highlightjs.org

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

安装说明

1、下载

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

下载 Pure-Highlightjs 插件 https://github.com/icodechef/Pure-Highlightjs/archive/1.0.zip

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 默认编辑器内使用并且不支持行号。

曾凤祥
曾凤祥 技术总监

WordPress 独立站开发领域 10+ 年实践经验,长期专注于外贸独立站搭建与 SEO 优化,累计服务企业客户数千家(含制造业、外贸企业、政府等行业)

不想自己折腾 SEO 和技术细节?

写博客是建立行业权威的第一步,但让文章真正带来询盘,需要专业的技术架构和 SEO 策略支撑。
把技术交给我们,你只管写好内容。

微信二维码

扫码添加微信

189-0733-7671

点击拨打

联系我们