WordPress免插件设置代码高亮

下载highlightjs

第一步去 https://highlightjs.org官网下载highlightjs文件,你还可以在他们网站选择你需要的语言,不使用的可以不勾选。

highlightjs 官方界面

添加下载的文件到主题代码里面

下载后将文件夹放在网站主题文件夹(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" />

如下界面:

添加css

在主题文件夹下面的footer.php 添加下面代码:

<script src='<?php echo get_stylesheet_directory_uri(); ?>/highlight/highlight.pack.js' type='text/javascript'></script>
<script>hljs.initHighlightingOnLoad();</script>

如下界面:

添加js