最新消息:蔓草札记的微信公众号开通了,赶紧在微信通讯录公众号中搜索“蔓草札记”关注下吧 :)

WordPress 代码高亮插件 Enlighter

博客经验 xhhjin 38浏览 0评论

2018 年 12 月,WordPress 5.0 正式版发布,主要有两个更新:内置默认编辑器由 TinyMCE 更换为更换为 Gutenberg(古腾堡);新增官方主题 Twenty Nineteen。因为之前在老版本时通过插件的方法体验过古登堡编辑器,没什么大的问题,这次升级后便也懒得改回老的编辑器了,与时俱进还是挺重要的嘛。

但在使用时发现之前使用的 Crayon Syntax Highlighter 代码高亮插件不好用了,插件页面也显示三年未更新了,得重新寻找一个,最后确定为 Enlighter。体验下来,虽然对 Enlighte 的样式并不十分满意,但最终确定为 Enlighter 是其对原来的 Crayon Syntax Highlighter 代码块可以兼容。

换起来挺简单的:安装 Enlighter,停用 / 删除 Crayon Syntax Highlighter,再按照下面配置一下,就可以实现对原有 Crayon Syntax Highlighter 代码块的兼容了:

1、Enlighter -> Option -> Block CSS Selector 设为

pre.EnlighterJSRAW, pre[class="lang:"][class~="decode:true"] 

2、Enlighter -> Option -> Inline CSS Selector 设为

code.EnlighterJSRAW, span[class="lang:"][class~="decode:true"][class~="crayon-inline"]

3、Enlighter -> BETA -> Dynamic Resource Invocation (DRI) 必须关闭

虽然 Enlighte 的配置选项不少,但基本都用的默认,最后只是选了个看得顺眼的主题,配置些基础选项就完成了。本博客设置的是 Droide 主题, Code-Indent 设为 4 Spaces,去除了 Info-button 的勾选。

参考文章:
1,使用 Enlighter 替换 Crayon Syntax Highlighter


欢迎转载,转载请注明出处:蔓草札记 » WordPress 代码高亮插件 Enlighter

♥ 喜欢 0 赞赏
发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址