# 免插件为wordpress添加代码高亮
- 连结：https://blog.guohao.asia/%e5%85%8d%e6%8f%92%e4%bb%b6%e4%b8%bawordpress%e6%b7%bb%e5%8a%a0%e4%bb%a3%e7%a0%81%e9%ab%98%e4%ba%ae.html
- 发布时间：2022-09-12T08:44:03+08:00
- 作者：null
中文 英文 韩语 日语
# 免插件为 wordpress 添加代码高亮
wordpress 上实现代码高亮的插件有很多，但为了提升站点的访问速度，还是想尽量少装一些
插件，况且各个插件在不同主题不同编辑器中的展现效果也有差异。
[highlight.js](https://blog.guohao.asia/wp-content/themes/wordpress-theme-puock-2.8.16/inc/go.php?to=aHR0cHM6Ly9oaWdobGlnaHRqcy5vcmcv)
⌊免插件为 wordpress 添加代码高亮⌉⌊免插件为 wordpress 添加代码高亮⌉
`highlight.js`
的特点：
* 197 种语言和 248 种风格
* 自动语言检测
* 多语言代码高亮显示
* 可用于 node.js
* 适用于任何标记
* 兼容任何 js 框架
`highlight.js`可用根据内容自动判断 197 语言类型并使用对应的高亮风格。
⌊免插件为 wordpress 添加代码高亮⌉⌊免插件为 wordpress 添加代码高亮⌉
如果是常用的
36 种语言，可以使用 `highlight.js` 推荐的 CDN 链接。
### cdnjs
```language-default
```
### jsdelivr
```language-default
```
### unpkg
```language-default
```
对于这 36 种之外的，则可以按需进行下载。
最神奇的是，`highlight.js`居然连 Excel 的公式都可以进行高亮显示，而且也是自动识别
的：
```language-default
=ROUND(((D5+E5+F5)*0.7/174*3*8*11)/12,0)
```
压缩包中 `styles` 目录下即各种高亮格式，而 `languages` 目录中，则是刚刚选择的语言
种类。
下载好压缩包之后，将压缩包解压到网站服务器的 `highlight` 目录（需自建）
之后在 之间加入:
```language-default
```
/wp-content/highlight具体路径根据实际情况修改一下。
在 之间加入:
```language-default
```