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

icon_lol

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

使用

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

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

安装

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

效果

默认是白色的，如果要黑色，请加入下面的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、本站所有文章仅供参考，如有侵权 请联系我们删除 meng#yimiaonet.com #换成@ 2、文章大部分源自网络或ai生成，文章不作为任何依据，仅供参考。 3、本站的所有源码都是在网络上转载或由用户投稿，仅供参考学习使用，请您务必在下载后24小时内删除。 4、本站下载的所有源码等内容不得用于任何违反相关法律法规的用途，一经发现 我们立即向有关部门报备。 5、如果您需要商用，可以联系客服定制开发或购买商业源码栏目内的内容，当然也可以联系部分源码的原作者；我们最终一切版权。 6、您注册本站会员后，如果需要注销账号等适宜，请联系客服。