因为偶尔折腾代码,所以代码高亮是少不了的一个功能,在这里推荐一款 WordPress 代码高亮插件:Pure-Highlightjs
一个基于 Highlightjs 实现的 WordPress 代码高亮插件,支持 N 多种语言高亮,还提供多种主题。
Pure-Highlightjs 依赖于以下开源项目:
highlightjs.org
highlight.js 是一个用于在任何 web 页面上着色显示各种示例源代码语法的 JS 项目。
![图片[1]-WordPress代码高亮插件Pure-Highlightjs-星网科技 Grdy.cn](https://www.grdy.cn/king72/tupiaodaw/upiaori47/2024/09/02/02/3nr0jkg3ae0202409020802073nr0jkg3ae015154401206.jpg)
安装说明
1、下载
highlight.js 是一个用于在任何 web 页面上着色显示各种示例源代码语法的 JS 项目。
2、安装
进入 WordPress 后台管理页面, 插件 > 安装插件 > 上传插件 ,上传刚才下载的 ZIP 文件,然后安装。或者解压安装包,上传到插件目录 /wp-content/plugins/
3、启用
安装完毕后,在已经安装的插件里启用 “Pure Highlightjs”
使用说明
![图片[2]-WordPress代码高亮插件Pure-Highlightjs-星网科技 Grdy.cn](https://www.grdy.cn/king72/tupiaodaw/upiaori47/2024/09/02/02/gobcjsxxbve20240902080207gobcjsxxbve15154427676.jpg)
编辑器可视化插入代码
![图片[3]-WordPress代码高亮插件Pure-Highlightjs-星网科技 Grdy.cn](https://www.grdy.cn/king72/tupiaodaw/upiaori47/2024/09/02/02/nmdoo33u5wz20240902080207nmdoo33u5wz15154448238.jpg)
Pure Highlightjs 后台进入设置选项,Pure Highlightjs 选择代码高亮样式
![图片[4]-WordPress代码高亮插件Pure-Highlightjs-星网科技 Grdy.cn](https://www.grdy.cn/king72/tupiaodaw/upiaori47/2024/09/02/02/vi2k0zynouk20240902080207vi2k0zynouk15154504914.jpg)
顺带一提,Pure Highlightjs这个插件只有142K,很小巧,相比Crayon Syntax Highlighter响应速度要快很多。
不过值得注意的地方是:Pure Highlightjs 只能在 WordPress 默认编辑器内使用并且不支持行号。
本站代码模板仅供学习交流使用请勿商业运营,严禁使用星网科技上的模板&源码从事违法,侵权等任何非法活动!
感谢您的来访,获取更多精彩文章请收藏本站。

暂无评论内容