WordPress代码高亮非插件Prismjs

WordPressWordPress代码高亮非插件Prismjs已关闭评论74

对于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。文章源自新手站长-https://xinshouzhanzhang.com/prism.html

Prismjs使用方法

1、在你主题下的functions.php中加入以下代码:文章源自新手站长-https://xinshouzhanzhang.com/prism.html

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文件路径,很多用户都是由于路径不对,导致安装不成功。文章源自新手站长-https://xinshouzhanzhang.com/prism.html

2、使用方法
编辑文章时选择“文本模式”,将你的代码放到以下标签内:文章源自新手站长-https://xinshouzhanzhang.com/prism.html

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

【language-php】是语言标识,可以是language-css、language-c等,大家根据实际情况填写即可。文章源自新手站长-https://xinshouzhanzhang.com/prism.html 文章源自新手站长-https://xinshouzhanzhang.com/prism.html

【阿里云99元服务器】入口2核2G3M带宽、新老用户同享、99元/年续费到2027年

【腾讯云特价】:2核2G3M 88元一年、2核2G4M 108元1年 366元3年、2核4G5M 166元/年 566元3年、4核8G12M 446元一年 更多配置8核16G18M和16核32G28M 点我直达 >>

2023阿里云优惠活动:xinshouzhanzhang.com/go/aliyun

注意:以上特价轻量服务器限制条件为“产品首单特惠”,如果你的腾讯云账号已经是老用户,建议重新注册一个腾讯云账号,如果你是新用户符合条件,那么无脑入,确实值得。

 
  • WordPress高亮插件
  • Prismjs
  • WordPress高亮代码
WordPress

WordPress代码高亮最牛插件Crayon Syntax Highlighter

WordPress代码高亮插件是程序员必备的一款插件,新手站长网会推荐Crayon Syntax Highlighter这款插件,本网站目前使用的就是这款代码高亮插件。新手站长网详解Crayon Sy...