Wordpress 添加代码高亮支持(修改主题文件)

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

打开Download ▲ Prism

选择主题

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

选好必要的插件，然后点击底下的_DOWNLOAD JS_和_DOWNLOAD CSS_来下载文件

打开Autoloader ▲ Prism plugins

点击_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