Typecho 基于prismjs实现代码高亮

typecho实现代码高亮,通常是使用各个大佬开发的插件,例如CodeHighlighter或者Code Prettify ,但插件太多的话,响应的速度会大打折扣,所以,我还是选择基于prism.js原生手搓。

构建

首先去prismjs选择颜色、语言、插件,然后把Diy好的cssjs文件下载下来,上传到服务器(也可以上传到CDN)。

部署

随后打开当前主题的header.php文件,把下面代码插入到适当位置即可。

<link rel="stylesheet" href="<?php $this->options->themeUrl('prism.css'); ?>">
<script src="<?php $this->options->themeUrl('prism.js'); ?>" ></script>