376 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

相关文章

SaDuck - 专注于公务员和事业单位考试的知识库
城市租房生存指南 - 为租房小白提供​​省钱、避坑、安心​​的全流程指南
Windows10 / 11 如何 “永久关闭” 自动更新?
Adobe 2025 - 8月最终版上线!百度网盘资源
解决Adobe正版弹窗提示! - Your non-genuine Adobe app will be disabled soon
微博 @vposy 大神宣布停更,最后一次更新 Adobe 软件备份

发布评论