下载highlightjs
第一步去 https://highlightjs.org官网下载highlightjs文件,你还可以在他们网站选择你需要的语言,不使用的可以不勾选。
![](https://www.yshuq.com/wp-content/uploads/2021/03/image-53.png)
添加下载的文件到主题代码里面
下载后将文件夹放在网站主题文件夹(rife-free主题)下面。
比如我将下载的文件夹放在/wp-content/themes/rife-free/ 下面
在主题文件夹下面的header.php 添加下面代码:
<link href="<?php echo get_stylesheet_directory_uri(); ?>/highlight/styles/monokai.css" type="text/css" rel="stylesheet" />
如下界面:
![](https://www.yshuq.com/wp-content/uploads/2021/03/image-54.png)
在主题文件夹下面的footer.php 添加下面代码:
<script src='<?php echo get_stylesheet_directory_uri(); ?>/highlight/highlight.pack.js' type='text/javascript'></script>
<script>hljs.initHighlightingOnLoad();</script>
如下界面:
![](https://www.yshuq.com/wp-content/uploads/2021/03/image-55.png)