325 0

为了让文章代码展示美观一些,找到一款Pure Highlightjs for Mac一键复制插件,很美观实用。

像这些代码高亮及一键复制,可以通过js与css组合设计来完成,但对于没有前端开发经验的小伙伴来说,是比较难的一件事。我在网上搜索了许久,终于找到一款比较好的Wordpress代码高亮,一键复制插件,插件名叫”Pure-Highlightjs”,该插件最后更新日期是2016年,时间有点久了,它还有二开版本,叫“Pure-Highlightjs for Mac Style”,二开版本,调整了css样式,整体范与苹果系统特效有点类似。

Pure-Highlightjs下载地址:

https://github.com/icodechef/Pure-Highlightjs

Pure-Highlightjs-for-Mac下载地址:

https://github.com/hylsay/Pure-Highlightjs-for-Mac

 

插件安装

从github上下载插件,这里我用for Mac版本的。下载到本地电脑上,它是一个zip包。

WordPress 代码高亮,Pure Highlightjs for Mac一键复制插件-1

打开Wordpress后台管理,找到“插件”功能处,点“安装新插件”。

WordPress 代码高亮,Pure Highlightjs for Mac一键复制插件-2

点“上传插件”,“选择文件”,在弹出的对话框中,找到刚下载的zip包。

WordPress 代码高亮,Pure Highlightjs for Mac一键复制插件-3

点“立即安装”,安装完,就点“启用”插件。

WordPress 代码高亮,Pure Highlightjs for Mac一键复制插件-4

启用插件后,要设置下插件。

WordPress 代码高亮,Pure Highlightjs for Mac一键复制插件-5

选择你喜欢的“代码高亮”风格,然后点“保存更改”。

WordPress 代码高亮,Pure Highlightjs for Mac一键复制插件-6

插件使用

进入Wordpress后台,点“文章”,“写文章”,在需要代码高亮的地方,找到“快捷编辑栏“上的”<>“图标,在弹出的窗口中,输入代码。

WordPress 代码高亮,Pure Highlightjs for Mac一键复制插件-7

输入https://www.nuliya.top/,然后点”确定“。

WordPress 代码高亮,Pure Highlightjs for Mac一键复制插件-8

最后,用浏览器,访问这个页面,可以看到”代码高亮“效果及右上角的”复制“效果。

WordPress 代码高亮,Pure Highlightjs for Mac一键复制插件-9

相关文章

通往AGI之路 - 全面系统、易于理解的 AI 学习路径,优质中文 AI 知识库
2025年4月最新中国税收居民身份证明申请教程,适用于Google AdSense及其他跨国收入场景
如何禁止 Windows 11 23H2 版本自动更新 24H2版本???
如何恢复 Windows 11 系统登录用户半透明头像???
Windows 11 安装时如何跳过“系统联网登录微软账号/设置密保安全问题” 快速安装系统
虚拟机安装 Windows 11 出现 “Press any key to boot from CD or DvD……” 要如何正确安装???

发布评论