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

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

打开Download ▲ Prism

选择主题

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

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

打开Autoloader ▲ Prism plugins

点击download all grammars下载语言文件,这一步会有点慢,要有耐心

在网站建立一个文件夹,名字无所谓,我这里叫custom

然后上传prism.jsprism.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

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注