WordPress 代码高亮插件:Pure-Highlightjs

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

文章作者:
阅读时间: 5 分钟
更新时间:2025年11月13日

因为偶尔折腾代码,所以代码高亮是少不了的一个功能,在这里推荐一款 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 默认编辑器内使用并且不支持行号。

这篇文章有用吗?

点击星号为它评分!

平均评分 5 / 5. 投票数: 1

到目前为止还没有投票!成为第一位评论此文章。

在AI工具中继续讨论:
曾凤祥
曾凤祥
WordPress技术负责人
WordPress 独立站开发领域 10+ 年实践经验,长期专注于外贸独立站搭建与 SEO 优化,累计服务企业客户数千家(含制造业、外贸企业、政府等行业)
相关文章
无论你是否已有网站,我们都能帮你把线上业务推上新高度
无论什么行业,都能快速拥有专业网站:
无论什么行业,都能快速拥有专业网站:

展示型官网 / 品牌站 / 外贸独立站,均有成熟模板与定制方案
无需懂代码:可视化编辑+我们指导,轻松启动 → 快速上线,抢占先机​
结构清晰、利于SEO与后期运营,降低长期维护成本

立即查看建站方案
网站加载慢、跳出高、询盘少?
网站加载慢、跳出高、询盘少?

老旧体验与技术隐患会直接拖累获客与转化。
我们提供:网站全面诊断 → 速度/安全/结构优化 → 可持续运维支持(技术+策略),让网站真正成为您的业务增长工具,而不只是“线上门面”。

马上获取专属优化方案
微信联系
chat 扫码联系
模板建站
挑选模板
网站定制
免费诊断
咨询热线
咨询热线

189-0733-7671

返回顶部