WordPress 代码高亮插件 io code highlight

WordPress 代码高亮插件 io code highlight

OKMG高防服务器上线,低至50元/月 点击体验

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

 

分享到 :
移动端html5抽奖
2020-04-15 下一篇
相关推荐

wordpress几款便捷的小插件(附下载地址)

DX-Watermark(免费)一款快速添加水印的插件,可以添加文字水印和图片水印。...

【本站自用】Wp shortcodes 2.0 升级版 WordPress可视化短代码简码插件

此代码非插件,需要手动添加。本次版本为2.0收费版,如果你是小白,或者是一个懒大神,...

WordPress插件|免费|ThnBoV1.3.0-缩略图美化插件完全免费

WordPress插件|免费|ThnBoV1.3.0-缩略图美化插件完全免费Word...

WordPress站点如何实现发布文章即主动推送到百度快速收录?

百度搜索结构近期再次升级,那么本次升级有可能会对没有技术的运营人员造成一定的影响。之...

发表评论

登录... 后才能评论