WordPress 代码高亮插件 io code highlight-老奶狗博客

介绍

WordPress 代码高亮插件，支持经典编辑器和古腾堡代码块，这插件是作者一为捣鼓 webstack 导航主题整的，本来是集成到主题里的，后来单独做成插件

分享一下，是 prism.js 的方案。

食用方法

经典编辑器，没什么好说的，看下图

图片[1]-WordPress 代码高亮插件 io code highlight-老奶狗博客

古腾堡区块编辑器，看图。图片[2]-WordPress 代码高亮插件 io code highlight-老奶狗博客

安装

上传io-code-highlight目录到/wp-content/plugins

激活插件，没有设置项，激活就能用。

效果

图片[3]-WordPress 代码高亮插件 io code highlight-老奶狗博客图片[4]-WordPress 代码高亮插件 io code highlight-老奶狗博客

默认是白色的，如果要黑色，请加入下面的css代码，以后再加设置

.ioch-code-highlight{background-color:#151619;border:0}
:not(pre) > code[class*="language-"],.io-black-mode pre[class*="language-"]{background-color:rgba(0,0,0,.15)}
.ioch-code-highlight .io-btn-copy{border:1px solid rgba(255,255,255,.5)}

------本页内容已结束，喜欢请分享------

感谢您的来访，获取更多精彩文章请收藏本站。

版权声明 1、本网站名称：老奶狗博客
2、本站永久网址：https://www.owoc.cn
3、本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长邮箱a@owoc.cn进行删除处理。
4、本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
5、本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报
6、本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。