章
目
录
Pure-Highlightjs 是一款基于 Highlightjs 实现的轻量级的 WordPress 代码高亮插件,支持 多种语言高亮,还提供多种主题。但是github开源版本效果不是太好,主要是因为不支持行号,今天子夜资源网给大家安利一款升级版的仿mac风格的Pure-Highlightjs插件,本站目前也是用的这一款插件。
为什么要使用该插件?
使用Wordpress建站的站长,基本都知道WordPress自身的代码功能非常简陋的,甚至没有高亮效果,难以阅读,将代码写入到文章显示的效果和纯文本一样,用户体验很差,如果你想要展示漂亮的代码效果,必须安装一款合适的代码高亮插件,虽然可选的有很多,但是轻量级的绝对是首选,比较不想每次打开文章都加载非常多的js和css文件,而选择Pure-Highlightjs不仅因为他支持多种主题和语言,还因为它非常轻巧,整体体积只有100Kb左右,相当哇塞!
两个版本选择
1、免费版(不推荐)
一款是github开源的版本,最后更新时间是2016年,比较老了,而且不支持行号,不支持古腾堡编辑器,不带复制代码功能,主题样式效果也不是非常好,这里免费分享给大家,由于很多小伙伴访问不了github,访问得了的点这里去下载,Java潘老师贴出网盘的下载地址,直接免费拿走:百度网盘下载
2、付费版(强烈推荐)
重点介绍下我们的付费版本,支持经典编辑器和古腾堡编辑器,支持行号和语言种类显示,支持复制代码和全部选择功能,效果就是类似如下代码的效果:
1)php代码
<?php get_template_part( 'cc/a-bar' ); ?>
<div class="row">
<div class="<?php echo $row_class;?>">
欢迎访问潘子夜个人博客
</div>
</div>
2)js代码
function(){
jQuery(this).parent().parent().find('.hidecontent').slideToggle('slow');
$(this).get(0).parentNode.style.display="none";
}
3)java代码
@Test
public void test() {
String s = "https://www.panziye.com";
System.out.println(a);
}
还有很多,比如python/sql/json/css….就不一一展示了,类似如下图:
该改进版只需要5元,纯粹是辛苦费哦,如果有喜欢的就直接联系潘老师购买下载即可。
百度网盘下载
提取码:
关于安装使用
1、安装
进入 WordPress 后台管理页面,“插件 >安装插件 >上传插件”,上传刚才下载的 ZIP 文件(付费版需要先解压rar之后才能看到插件安装包),然后安装。或者解压安装包,上传到插件目录,/wp-content/plugins/。
2、启用
安装完毕后,在已经安装的插件里启用 “Pure Highlightjs”。
3、插件设置
设置很简单,免费版本自行选择自己喜欢的主题,付费版本建议使用Coy主题,样式效果和本站的一样:
最后在代码编辑器的里会有一对尖括号图标,在里面选择你要粘贴的代码即可:
以上就是Wordpress 轻量级 Pure-Highlightjs仿Mac风格代码高亮插件的下载与使用说明,有喜欢的朋友可以联系Java潘老师哦,承诺如果不符合描述,直接不收费!