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标签,无需复杂配置,并不像其他插件一样需要用插件的简码

简洁美观:默认样式干净利落,适合技术文档

代码演示

演示需要到我的小站 https://yunzhehui.com/blog/wordpress/code-highlightjs/ 查看,百家号目前没法演示

代码滚动条演示

滚动条用了simplebar滚动条样式,兼容多种主流浏览器,可以用多个不同的浏览器测试看效果!

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

演示截图

后台演示

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

增加白天和夜间切换,也是本站在用的主题

经典编辑器演示

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

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

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

用的WordPress原生pre方式

区块编辑器演示

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

区块编辑器用内置代码区块

支持192种语言

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

插件支持192种语言

80个风格主题

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

主题自带80个风格主题,包含白天和夜间模式

对于技术博客作者和文档编写者来说,一个更新及时、运行高效的代码高亮工具仍然是刚需。Pure Highlightjs的这次重生,或许能为WordPress的代码展示功能带来新的活力。

插件设置帮助文档

https://yunzhehui.com/blog/wordpress/code-highlightjs-docs/

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注