因为偶尔折腾代码,所以代码高亮是少不了的一个功能,在这里推荐一款 WordPress 代码高亮插件:Pure-Highlightjs
一个基于 Highlightjs 实现的 WordPress 代码高亮插件,支持 N 多种语言高亮,还提供多种主题。
Pure-Highlightjs 依赖于以下开源项目:
highlightjs.org
highlight.js 是一个用于在任何 web 页面上着色显示各种示例源代码语法的 JS 项目。
![图片[1]-客创社 - 专注互联网轻资产创业及网络项目资源整合与分享WordPress代码高亮插件Pure-Highlightjs-客创社 - 专注互联网轻资产创业及网络项目资源整合与分享福鑫网创 - 免费且强大的项目分享网站](https://www.fuxins.com/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-客创社 - 专注互联网轻资产创业及网络项目资源整合与分享福鑫网创 - 免费且强大的项目分享网站](https://www.fuxins.com/king72/tupiaodaw/upiaori47/2024/09/02/02/gobcjsxxbve20240902080207gobcjsxxbve15154427676.jpg)
编辑器可视化插入代码
![图片[3]-客创社 - 专注互联网轻资产创业及网络项目资源整合与分享WordPress代码高亮插件Pure-Highlightjs-客创社 - 专注互联网轻资产创业及网络项目资源整合与分享福鑫网创 - 免费且强大的项目分享网站](https://www.fuxins.com/king72/tupiaodaw/upiaori47/2024/09/02/02/nmdoo33u5wz20240902080207nmdoo33u5wz15154448238.jpg)
Pure Highlightjs 后台进入设置选项,Pure Highlightjs 选择代码高亮样式
![图片[4]-客创社 - 专注互联网轻资产创业及网络项目资源整合与分享WordPress代码高亮插件Pure-Highlightjs-客创社 - 专注互联网轻资产创业及网络项目资源整合与分享福鑫网创 - 免费且强大的项目分享网站](https://www.fuxins.com/king72/tupiaodaw/upiaori47/2024/09/02/02/vi2k0zynouk20240902080207vi2k0zynouk15154504914.jpg)
顺带一提,Pure Highlightjs这个插件只有142K,很小巧,相比Crayon Syntax Highlighter响应速度要快很多。
不过值得注意的地方是:Pure Highlightjs 只能在 WordPress 默认编辑器内使用并且不支持行号。
© 版权声明
文章版权归作者所有,未经允许请勿转载。
THE END
暂无评论内容