[WordPress]WordPress 代码高亮插件 io Code Highlight-第1张

代码高亮插件,支持古腾堡代码块扩展。

使用

经典编辑器使用,演示图:

[WordPress]WordPress 代码高亮插件 io Code Highlight-第2张

古腾堡使用,演示图:

[WordPress]WordPress 代码高亮插件 io Code Highlight-第3张

安装

  • 上传 io-code-highlight目录 到 /wp-content/plugins/ 目录
  • 激活插件。

效果

[WordPress]WordPress 代码高亮插件 io Code Highlight-第4张

[WordPress]WordPress 代码高亮插件 io Code Highlight-第5张

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

 

声明:本站文章原创有部分资源来源于网络,如无特殊说明或标注。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系 admin@liitk.com 进行删除处理!。