赞助展示位
立即入驻

WordPress 代码高亮插件 io code highlight

WordPress插件2年前 (2022)更新 终极
484 0 0

WordPress 代码高亮插件,支持经典编辑器和古腾堡代码块,捣鼓 webstack 导航主题整的,本来是集成到主题里的,后来想想,单独弄个插件吧,就弄了个插件 WordPress 代码高亮插件 io code highlight 分享一下,是 prism.js 的方案。

经典编辑器,没什么好说的,看下图 WordPress 代码高亮插件 io code highlight

WordPress 代码高亮插件 io code highlight

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

WordPress 代码高亮插件 io code highlight
  • 上传 io-code-highlight目录 到 /wp-content/plugins/ 目录
  • 激活插件,没有设置项,激活就能用。
WordPress 代码高亮插件 io code highlightWordPress 代码高亮插件 io code highlight

默认是白色的,如果要黑色,请加入下面的css代码,以后再加设置 WordPress 代码高亮插件 io code highlight

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

 

就这么多了,完。。。






文件名称:io code highlight

更新日期:

文件大小:

广

点击下载

© 版权声明

相关文章

暂无评论

暂无评论...
终极导航 一键登录开启个人书签等功能!