WordPress免插件设置代码高亮

下载highlightjs

第一步去 https://highlightjs.org官网下载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" />

如下界面：

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

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

如下界面：

• 注意 后台添加代码使用 ”code“标签。
• 代码高亮实例
• 使用方法