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

  • 发表于
  • WordPress

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替代插件Urvanov Syntax Highlighter

Crayon Syntax Highlighter保留方案

方案一

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

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

方案二

Crayon Syntax Highlighter: WordPress 5.6+/PHP 74+/PHP 8+ 完全兼容

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的内存配置恢复成原来的就行。