WordPress中必备的代码展示插件推荐!

Pure Highlightjs的全新面貌

在WordPress这个大家庭里,代码高亮可谓是技术博客和开发者网站必不可少的功能。最近,沉寂已久的Pure Highlightjs插件终于迎来了重磅更新,将核心的Highlight.js库升级到了最新的v11.11.1版本。

下载链接:WordPress原生pre代码高亮插件Pure Highlightjs重大更新:升级至Highlight.js v11.11.1版本

被遗忘的插件焕发新生

Pure Highlightjs是由开发者icodechef于2016年推出的一款轻量级代码高亮插件,发布后就再也没有更新过。虽然它以简洁高效的特点受到不少用户的欢迎,但随着时间的推移,内置的Highlight.js版本跟不上潮流了。其实,我一直不太喜欢使用其他插件的简码,更偏爱用内置的pre标签,所以我决定动手升级它,特别是为了让WordPress的原生pre代码更给力。

这个插件虽然小巧,但正好符合我的需求,看到它多年没更新,我就决定亲自把它更新到最新版的Highlight.js。

更新带来的新变化

这次升级至Highlight.js 11.11.1版本,带来了不少重要的改进:

  1. 代码工具栏:新增工具栏,支持展开、复制和全选按钮,能在视口内浮动显示,使用起来顺滑无比。
  2. 双击全选功能:在电脑端的代码区域双击即可快速全选代码,超方便。
  3. 代码块高度:设定了代码块的最大高度,长段代码可以轻松设置,出现滚动条,横竖都能滚动。
  4. 折叠展开功能:新增了展开按钮,设置了高度的代码块可以自由展开和收起。
  5. 暗黑模式:插件支持白天和夜间的主题切换,适配有暗黑模式的WordPress主题,大家可以体验一下本站的效果。
  6. 优化的滚动条:引入了simplebar滚动条,提升了代码滚动条的样式,兼容主流浏览器,还能在全站使用。
  7. 支持更多现代编程语言:新增对TypeScript、Kotlin、Dart等现代语言的支持,总共支持192种语言和80种风格主题。
  8. 原生官方JS:没有精简或修改JS,优化了经典编辑器和区块编辑器的体验。
  9. 更优的语法分析:改善了对JSX、Vue模板等语法的识别能力。
  10. 兼容性修复:解决了旧版本可能存在的兼容性问题。

为什么选择Highlightjs?

在众多WordPress代码高亮插件中,Pure Highlightjs凭借其独特的优势依然占有一席之地:

  • 轻量级设计:不依赖jQuery,几乎不影响网站性能。
  • 原生支持:直接使用WordPress的pre标签,无需复杂的配置,不像其他插件需要使用简码。
  • 简洁美观:默认样式干净利落,非常适合技术文档。

代码演示

想要查看演示效果,欢迎访问我的小站,这里只能给你展示图片。

WordPress原生pre代码高亮插件Pure Highlightjs重大更新:升级至Highlight.js v11.11.1版本

代码滚动条演示

滚动条采用了simplebar样式,兼容多种主流浏览器,大家可以用不同浏览器测试效果哦!

WordPress中必备的代码展示插件推荐!

演示截图

后台演示

WordPress中必备的代码展示插件推荐!-2
增加白天和夜间切换功能,这也是本站正在使用的主题。

经典编辑器演示

WordPress中必备的代码展示插件推荐!-3
经典编辑器中插入代码时设置的最大高度。
WordPress中必备的代码展示插件推荐!-4
使用WordPress原生pre方式展示的效果。

区块编辑器演示

WordPress中必备的代码展示插件推荐!-5
区块编辑器中使用内置代码区块的效果。

支持192种语言

WordPress中必备的代码展示插件推荐!-6
插件支持多达192种语言。

80个风格主题

WordPress中必备的代码展示插件推荐!-7
插件内置80个风格主题,包含白天和夜间模式。

插件设置文档

WordPress高亮代码插件Pure Highlightjs后台设置帮助文档

来源:知乎
原文标题:wordpress下贴代码有什么好用的插件? – 云折惠 的回答
声明:
文章来自网络收集后经过ai改写发布,如不小心侵犯了您的权益,请联系本站删除,给您带来困扰,深表歉意!

文章评论 (7)

  1. 夏清酒 的头像
    夏清酒2026-02-07 00:01

    暗黑模式的支持真是太贴心了,晚上编程也不会刺眼了。

  2. 奶茶宝 的头像
    奶茶宝2026-02-07 00:11

    支持更多现代编程语言,感觉很实用,特别是TypeScript!

  3. 朵柚子茶 的头像
    朵柚子茶2026-02-07 00:21

    这插件不依赖jQuery,真是不错,网站性能也不会受影响!

  4. 子甜桃 的头像
    子甜桃2026-02-07 00:31

    这插件更新后功能增强了很多,代码工具栏特别实用,方便复制和全选。

  5. 云朵子 的头像
    云朵子2026-02-07 00:41

    更新之后,大家觉得还有必要用其他代码高亮插件吗?这个够用了吧?

  6. 慕圆兮 的头像
    慕圆兮2026-02-07 00:51

    感觉更新后的暗黑模式挺好用的,晚上看代码不费眼。

  7. 阿柒喵 的头像
    阿柒喵2026-02-07 01:01

    对比其他插件,Pure Highlightjs的简洁风格让我更喜欢,特别是它的直观使用。

发表评论