WordPress系列:代码高亮插件

代码高亮

下图是古腾堡编辑器,代码块的默认样式

没有代码高亮效果,没有一键复制代码功能

proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection "Upgrade";

之前使用的代码高亮作用于经典编辑器

古腾堡的编辑器代码块没怎么使用过,也没有了解过代码高亮相关的插件

代码高亮用过的有两种库

一个是prism.js,一个是highlight.js,有没有对应的插件未可知,需要花时间搜索一下

Tips

本博客使用代码块的场景很少,但是不排除没有

代码高亮的样式不仅可能让文章美观一些,也可以识别代码的语言,变量,缩进,换行等细节

而且一般代码块最好设置一键复制,省去选取代码区域的时间,避免少复制或者多复制出错等问题