WordPress 5x版本下Crayon Syntax Highlighter替换和保留方案

Crayon Syntax Highlighter替换方案

Crayon Syntax Highlighter早已不再维护,WordPress 5.x带来新的Gutenberg编辑器后,因为API的变更,这一古老的插件已经事实上完全无法使用了。

使用Enlighter代替Crayon Syntax Highlighter。经过对插件设置的研究,我发现它提供的自定义CSS Selector功能可以让之前用Crayon Syntax Highlighter创建的代码块也带上高亮功能。以下是设置方法:

  • Option – Block CSS Selector 设为pre.EnlighterJSRAW, pre[class*="lang:"][class~="decode:true"]
  • Option – Inline CSS Selector 设为code.EnlighterJSRAW, span[class*="lang:"][class~="decode:true"][class~="crayon-inline"]
  • BETA – Dynamic Resource Invocation (DRI)关闭

Crayon Syntax Highlighter保留方案

因为长达三年没人维护了,基本上已经长草生锈,要想继续使用也可以,毕竟换掉的话如果内容多也是很头疼的,但你得使用REST API support for Crayon Syntax Highlighter插件让它能在WordPress 5.x上继续工作,不然之前的代码块全部会报错误的。

使用方法很简单,安装这个插件启用就可以了。

Crayon Syntax Highlighter Allowed memory错误解决

在WordPress 5.x上已经无法启用该插件了,会报内存错误

Allowed memory size of 33554432 bytes exhausted (tried to allocate 7680 bytes)

解决方法我直接告诉你最快的,临时修改服务配置把内存加大,正常启用后再改回。

Nginx

PHP

之后服务都重启

这样Crayon Syntax Highlighter就能再次启用,启用完后你再把Nginx和PHP的内存配置恢复成原来的就行。