前些天安装了一款代码高亮的wordpress插件，插件不错，支持古腾堡编辑器，但打开网站首页突然发现好像比之前要慢了一点，于是我查看了一番源代码发现这插件给网站新增了一共10个css和js文件，而且是每个页面都添加了，这叫我怎么受得了，虽然我使用了对象存储和cdn加速但那也不是这么玩的啊，我发布的代码只会出现在文章内容页啊亲，越想越忍受不了必须得想个法子，果然经过一顿百度找到方法了，不用插件也可以，这里分享给大家。
无插件形式
第一步去 https://highlightjs.org官网下载highlightjs文件，你还可以在他们网站选择你需要的语言，不使用的可以不勾选，下载文件后放在网站根目录，或者其他你喜欢的地方。
第二步在你的主题functions.php文件里面添加如下代码：
<link rel="stylesheet" href="/path/to/styles/default.css">
<script src="/path/to/highlight.pack.js"></script>
引入js和css文件，注意修改为你自己的highlightjs文件路径，css是你的代码高亮风格，不喜欢默认风格的可以修改，可以在https://highlightjs.org/static/demo/ 预览风格找到你喜欢的样式，例如我当前使用的是monokai风格，所以我引用的css就是monokai.css。
第三步在你的主题footer中加一句下面的js
<script>hljs.initHighlightingOnLoad();</script>
之后添加代码时，使用古腾堡编辑器自带的代码区块就好了，highlightjs会自动判断代码语言，
插件代码高亮
还是使用插件的方式实现毕竟简单方便
安装说明
1. 下载
点击下载 https://github.com/icodechef/.../Pure-Highlightjs_1.0.zip
2. 安装
进入 WordPress 后台管理页面，“插件 》安装插件 》上传插件”，上传刚才下载的 ZIP 文件，然后安装。
或者解压安装包，上传到插件目录，/wp-content/plugins/。
3. 启用
安装完毕后，在已经安装的插件里启用 “Pure Highlightjs”。
如何使用
可直接在可视化编辑界面点击“插入代码”按钮，然后选择代码类型，粘贴代码插入即可：
GitHub 地址：Pure-Highlightjs
