雪球社区

让建站和SEO变得简单

让不懂建站的用户快速建站,让会建站的提高建站效率!

股票分析你的位置:雪球社区 > 股票分析 > WordPress 代码高亮带一键复制代码的插件
WordPress 代码高亮带一键复制代码的插件

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

全选代码

复制

终末,用浏览器,探望这个页面,不错看到”代码高亮“后果及右上角的”复制“后果。



Powered by 雪球社区 @2013-2022 RSS地图 HTML地图

Copyright Powered by站群系统 © 2013-2024