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

2024-12-25 12 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包。

image-20240911091325674

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

image-20240911091545938

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

image-20240911091627487

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

image-20240911091728875

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

image-20240911091851215

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

image-20240911091950515

插件使用

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

image-20240911092717752

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

image-20240911092941288

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

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

相关文章

纯代码实现WordPress文章中的外链图片自动下载到本地
为WordPress添加自定义设置上传头像功能
纯代码实现wordpress站点地图(sitemap)自动生成
WordPress中自动为文章内容的图片添加文章标题作为alt属性
WordPress自定义默认资料头像,禁用发布文章自动保存
WordPress关闭自动更新、禁用古腾堡编辑器、固定连接伪静态设置

发布评论