WordPress 代码高亮插件 io code highlight

WordPress 代码高亮插件 io code highlight-老奶狗博客
WordPress 代码高亮插件 io code highlight
此内容为免费资源,请登录后查看
会员专属资源
本站所有付费内容均可在"老奶狗"小程序免费下载
免费资源

介绍

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

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

食用方法

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

图片[1]-WordPress 代码高亮插件 io code highlight-老奶狗博客

古腾堡区块编辑器,看图。图片[2]-WordPress 代码高亮插件 io code highlight-老奶狗博客

上传io-code-highlight目录到/wp-content/plugins

激活插件,没有设置项,激活就能用。

效果

图片[3]-WordPress 代码高亮插件 io code highlight-老奶狗博客 图片[4]-WordPress 代码高亮插件 io code highlight-老奶狗博客

默认是白色的,如果要黑色,请加入下面的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)}

 

------本页内容已结束,喜欢请分享------

感谢您的来访,获取更多精彩文章请收藏本站。

© 版权声明
THE END
喜欢就支持一下吧
点赞7赞赏 分享
评论 抢沙发
头像
发一条友善的评论吧
提交
头像

昵称

取消
昵称表情代码图片