WordPress加入highlight.js代码高亮

highlight.js
在主题文件functions.php中加入:

$highlightjs_ver = '11.2.0';
add_action('wp_head', 'highlightjs_styles', 99);
function highlightjs_styles()
{
	echo '<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.2.0/build/styles/github.min.css'.$highlightjs_ver.'" type="text/css" media="all">'.PHP_EOL;
}
add_action('wp_footer', 'highlightjs_js', 99);
function highlightjs_js()
{ 
	echo '<script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.2.0/build/highlight.min.js?='.$highlightjs_ver.'"></script>'.PHP_EOL;
	echo '<script>hljs.highlightAll();</script>'.PHP_EOL;
}

之后可以通过

<pre><code>…</code></pre>

或者

<pre><code class="language-javascript">…</code></pre>

实现代码高亮。

分类 WordPress技巧 本文由 清白之年 原创发布,转载请注明文章来源。

发表评论

您的电子邮箱地址不会被公开。