WordPress原生pre代码高亮插件Pure Highlightjs升级至Highlight.js v11.11.1版本
“沉寂多年的Pure Highlightjs插件迎来重生,升级至Highlight.js 11.11.1版本,新增暗黑模式、代码工具栏、192种语言支持等重磅功能,继续以轻量级设计守护WordPress技术博客的代码之美。”
Pure Highlightjs介绍
在WordPress生态系统中,代码高亮一直是技术博客和开发者网站的重要功能。近日,沉寂多年的Pure Highlightjs插件终于迎来了重大更新,将其核心的Highlight.js库从过时版本升级至最新的v11.11.1。
下载地址:https://yunzhehui.com/blog/wordpress/code-highlightjs/
遗忘了、更新了
Pure Highlightjs是WordPress平台上的一款轻量级代码高亮插件,由开发者icodechef于2016年发布后便停止了更新。该插件以其简洁高效的特点受到不少WordPress用户的青睐,但随着时间推移,其内置的Highlight.js版本已严重落后于主流,因为我不喜欢其他插件简码,比较喜欢内置的pre,所以…我将它升级了,重点是WordPress原生pre代码。
这个插件虽然小巧,但正好满足我的需求,”看到它多年未更新,本站小编决定自己动手将其升级到最新版的Highlight.js。
升级带来的改进
此次升级至Highlight.js 11.11.1版本带来了多项重要改进:
代码工具栏:新增工具栏展开、复制和全选按钮,且在视口内浮动显示,很丝滑
双击全选:新增双击全选,在电脑端代码区域双击可以全选代码
代码块高度:新增代码块最大高度,大量长段代码可以设置一个最大高度,横向竖向均会有滚动条
折叠展开:新增展开按钮,代码块添加了高度时,可以展开和收起
暗黑模式:新增暗黑模式,插件可以选择白天和夜间的代码主题样式,WordPress主题有暗黑模式时可以切换,可以体验本站效果
优化滚动条:插件中增加了simplebar滚动条,优化代码滚动条的样式,兼容主流浏览器,也可对全站使用
支持更多现代编程语言:新增了对TypeScript、Kotlin、Dart等现代语言的支持,共支持192种语言 80种风格主题
原生官方JS:没有精简,也没有对JS做过更改,优化了经典编辑器和区块编辑器
更好的语法分析:改进了对JSX、Vue模板等语法的识别
兼容修复:解决了旧版本中潜在的兼容问题
为什么选择Highlightjs?
在众多WordPress代码高亮插件中,Pure Highlightjs因其独特优势仍有一席之地:
轻量级设计:不依赖jQuery,对网站性能影响极小
原生支持:直接使用WordPress的pre标签,无需复杂配置,并不像其他插件一样需要用插件的简码
简洁美观:默认样式干净利落,适合技术文档
代码演示
代码滚动条演示
滚动条用了simplebar滚动条样式,兼容多种主流浏览器,可以用多个不同的浏览器测试看效果!

演示截图
后台演示

增加白天和夜间切换,也是本站在用的主题
经典编辑器演示

经典编辑器插入代码设置代码块最大高度

用的WordPress原生pre方式
区块编辑器演示

区块编辑器用内置代码区块
支持192种语言

插件支持192种语言
80个风格主题

主题自带80个风格主题,包含白天和夜间模式
对于技术博客作者和文档编写者来说,一个更新及时、运行高效的代码高亮工具仍然是刚需。Pure Highlightjs的这次重生,或许能为WordPress的代码展示功能带来新的活力。
插件设置帮助文档
https://yunzhehui.com/blog/wordpress/code-highlightjs-docs/
