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/[email protected]/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/[email protected]/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>

实现代码高亮。

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注