我们使用prism.js
来添加代码高亮支持

选择主题

取消选中所有语言,因为待会我们会使用Autoloader
来加载语言

选好必要的插件,然后点击底下的DOWNLOAD JS和DOWNLOAD CSS来下载文件

点击download all grammars下载语言文件,这一步会有点慢,要有耐心
在网站建立一个文件夹,名字无所谓,我这里叫custom
然后上传prism.js
和prism.css
以及刚才下载的那个zip文件
之后将zip文件解压到与prism.js
同目录的components
文件夹内

接着打开wp后台

外观 主题文件编辑器
往headers.php里添加
<link rel="stylesheet" href="/custom/prism.css">
<script src="/custom/prism.js"></script>

完成,这时只需要在代码区块添加一个额外的CSS类即可

language-xxx