WordPress 代码高亮插件 io code highlight

释放双眼，带上耳机，听听看~！

WordPress 代码高亮插件，使用的是 prism.js 的方案支持经典编辑器和古腾堡代码块，这插件是作者一为捣鼓 webstack 导航主题整的，本来是集成到主题里的，后来单独做成插件,可以直观地选择语言和插入代码编辑器中的代码，强调代码语法，可显示行号，还支持便捷的一建全选复制功能，很贴心。让我们一起来看看这款Mac风格的代码高亮wordprss插件。

使用

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

古腾堡区块编辑器，看图。

安装

上传 io-code-highlight目录到 /wp-content/plugins/ 目录
激活插件，没有设置项，激活就能用。

效果

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

WordPress 代码高亮插件 io code highlight插图3

.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)}

文章链接：https://zuike7.com/376.html
文章标题：WordPress 代码高亮插件 io code highlight
文章版权：醉客网 (zuike7.com) 所发布的内容，部分为原创文章，转载请注明来源，网络转载文章如有侵权请联系我们！文字及下载资源均是用户投稿及网上搜集，仅供网友学习交流，请勿作他用。
本文最后更新发布于2023年04月06日 21时14分30秒，某些文章具有时效性，若有错误或已失效，请在下方留言或联系醉疯怪： [email protected]