给WordPress加上highlight.js高亮显示


官网:https://highlightjs.org/

插件化优雅处理方案:

在你的主题的function.php中加入(位置:<?php 下一行)

/**
* highlight_js部分
*/
function add_highlight_js(){
    wp_enqueue_style('highlightcss',get_site_url() .'/wp-content/plugins/highlight/androidstudio.css');
    wp_register_script('highlightjs',get_site_url() .'/wp-content/plugins/highlight/highlight.pack.js'); //注册 handle
    wp_enqueue_script('highlightjs', false, array(), false, true); //放至<body>下方
}
add_action('wp_enqueue_scripts', 'add_highlight_js');

在footer.php中加入(位置:</body>前一行)

<script>hljs.initHighlightingOnLoad();</script>
用法:
<pre><code class="html">...</code></pre>

参考:http://xungejiang.com/2016/08/13/higlight/

备用,本站已全面替换及清理了UEditor,历史遗留问题严重,不方便维护,越后期越需要更高的可定制性可维护性

声明:TIL|版权所有,违者必究|如未注明,均为原创|本网站采用BY-NC-SA[ZH]协议进行授权

转载:转载请注明原文链接 - 给WordPress加上highlight.js高亮显示


Life is very interesting. In the end, some of your greatest pains become your greatest strengths.