对于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中加入以下代码:
1 2 3 4 5 6 7 8 9 10 11 12 13 |
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、使用方法
编辑文章时选择“文本模式”,将你的代码放到以下标签内:
1 |
<pre><code class="language-php">我是代码高亮</code></pre> |
【language-php】是语言标识,可以是language-css、language-c等,大家根据实际情况填写即可。
2023云服务器疯狂降价!
①阿里云:2023阿里云服务器38元一年起,更多配置价格查看(有高配)
②腾讯云:腾讯云2核4G服务器8M带宽70元一年,更多配置及报价查看(有高配)
③华为云:华为云1核2G服务器60元一年,更多1c2g/2c4g/2c8g/4c8g/8c16g/16c32g...
发表评论