WordPress 代码高亮插件，支持经典编辑器和古腾堡代码块，捣鼓 webstack 导航主题整的，本来是集成到主题里的，后来想想，单独弄个插件吧，就弄了个插件 
分享一下，是 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)}
就这么多了，完。。。
惦记° ( VIP 1 )
广西那个css代码加入到那个css里面呢，我加入到了主题的css里面不行。我想要黑色的面板
小白 ( VIP 1 )
江苏用不了了，修复一下呗
古哥 ( VIP 1 )
广东复制成功会提示[Violation] 'click' handler took 2815ms
我的jquery版本是1.12.4，是不是这个的问题呢
y ( VIP 2 )
河南老大，请问前端文章里显示的代码不会换行是什么原因？确定是有换行的，文章编辑里边显示也是一行一行的，前端文章里显示只有一行，显示很长。不会分行。
Action ( VIP 1 )
广东这个插件真的很棒，就是使用后，上面标题栏不显示语言类型，而且代码块和装饰块之间发生了小幅错位，导致上方的三个点和复制按钮都没有垂直居中对齐。我使用的是经典编辑器，不知道是不是兼容性的问题？
最省事 ( VIP 1 )
广东@Action 我用了也有这个问题
婉言如歌 ( VIP 1 )
山东站长，这个好像不支持php7.1，并且用php7.4启用插件后，代码背景是黑色，外框是白色，不知道是不是只有我这样。
y ( VIP 2 )
河南就比如你的会显示“PHP”“HTML”，我的只会显示“MARKUP”
y ( VIP 2 )
河南老大，你的截图顶部会显示语言类型，我的代码区域顶部不会显示语言类型，都显示的是“MARKUP”，是什么问题呀？请指教下。
锟斤拷锟角猴拷锟斤拷 ( VIP 1 )
湖北老大，博客为什么没有RSS
一为 ( VIP 6 )
湖南@锟斤拷锟角猴拷锟斤拷 因为关了啊
Oliver ( VIP 1 )
广东大佬我想买你导航主题呀，都找不到人
一为 ( VIP 6 )
湖南@Oliver 点页脚QQ图标没用嘛？
Oliver ( VIP 1 )
广东@一为 我发信息给你了呀，没回我~~~ 嗷呜~
一为 ( VIP 6 )
湖南@Oliver QQ加一下我把
锟斤拷锟斤拷锟斤拷锟斤拷-锟秸帮拷锟斤拷 ( VIP 1 )
山西老大你失联了啊
一为 ( VIP 6 )
湖南@锟斤拷锟斤拷锟斤拷锟斤拷-锟秸帮拷锟斤拷
锟斤拷锟斤拷锟斤拷锟斤拷-锟秸帮拷锟斤拷 ( VIP 1 )
山西@一为 重新加一下我这个QQ吧 我之前那个不能用了。
一为 ( VIP 6 )
湖南@锟斤拷锟斤拷锟斤拷锟斤拷-锟秸帮拷锟斤拷 哪个啊？你加我啊，我回留言去