1. 首页
  2. WordPress

WordPress代码高亮非插件Prismjs

对于WordPress站长来说代码高亮是十分必要的,但是越来越多的插件会让博客臃肿不堪,让WordPress越来越慢,新手站长介绍一款非插件的代码高亮方法:Prism.js

Prism介绍

高亮主题:目前支持8款主题:Default/Dark/Funky/Okaidia/Twilight/Coy/Solarized Light/Tomorrow Night
文件下载:你需要下载两个文件,即prism.js和prism.css
官方下载:http://prismjs.com/download.html
注意:下载prism.js和prism.css之前,你需要选择主题Themes和语言Languages。

Prismjs使用方法

1、在你主题下的functions.php中加入以下代码:

function add_prism() {
        wp_register_style(
            'prismCSS', 
            get_stylesheet_directory_uri() . '/prism.css' //自定义路径
         );
          wp_register_script(
            'prismJS',
            get_stylesheet_directory_uri() . '/prism.js'   //自定义路径
         );
        wp_enqueue_style('prismCSS');
        wp_enqueue_script('prismJS');
    }
add_action('wp_enqueue_scripts', 'add_prism');

ok,这样代码就部署完毕了,部署完请检查网站源码中的prism.js和prism.css文件路径,很多用户都是由于路径不对,导致安装不成功。

2、使用方法
编辑文章时选择“文本模式”,将你的代码放到以下标签内:

<pre><code class="language-php">我是代码高亮</code></pre>

【language-php】是语言标识,可以是language-css、language-c等,大家根据实际情况填写即可。

阿里云官方活动:https://t.aliyun.com/U/FzmsXA

腾讯云官方活动:https://curl.qcloud.com/oRMoSucP