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