2024-12-11 17:36 点击次数:142
在网上普遍看到这么的博文,在著作履行给出代码或下载地址时,布景神气是深色的,一般以玄色居多,然后代码行字体或纯白色或有具有一定的神气变化。在右上角,还有一键复制按钮,点一键复制,就把悉数代码复制到了Windows的剪切板上。举座神志如下图:
代码高亮插件
像这些代码高亮及一键复制,不错通过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网址的,本文打包好了也提供了下载地址
装配插件
从github上大要本站下载插件,这里我用for Mac版块的。下载到土产货电脑上,它是一个zip包。
然后去WordPress后台插件内部装配上传插件
点“上传插件”,“采选文献”,在弹出的对话框中,找到刚下载的zip包。
点“立即装配”,装配完,就点“启用”插件。
启用插件后,还需要开采下插件。
采选你可爱的“代码高亮”作风,然后点“保存蜕变”。
插件的使用
投入Wordpress后台,点“著作”,“写著作”,在需要代码高亮的方位,找到“快捷剪辑栏“上的”<>“图标,在弹出的窗口中,输入代码。
输入http://ba9.cn,然后点”笃定“。多种话语可采选,默许是txt
https://ba9.cn
全选代码
复制
终末,用浏览器,探望这个页面,不错看到”代码高亮“后果及右上角的”复制“后果。