WordPress Pure-Highlightjs代码高亮插件仿Mac风格轻量级

Wordpress源码 潘老师 1年前 (2023-02-04) 816 ℃ (3) 扫码查看

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元,纯粹是辛苦费哦,如果有喜欢的就直接联系潘老师购买下载即可。

下载

百度网盘下载

提取码:

此隐藏内容查看价格为5立即购买

郑重承诺:如有问题,随时联系,服务到位,售后无忧

关于安装使用

1、安装

进入 WordPress 后台管理页面,“插件 >安装插件 >上传插件”,上传刚才下载的 ZIP 文件(付费版需要先解压rar之后才能看到插件安装包),然后安装。或者解压安装包,上传到插件目录,/wp-content/plugins/。

2、启用

安装完毕后,在已经安装的插件里启用 “Pure Highlightjs”。

3、插件设置

设置很简单,免费版本自行选择自己喜欢的主题,付费版本建议使用Coy主题,样式效果和本站的一样:

最后在代码编辑器的里会有一对尖括号图标,在里面选择你要粘贴的代码即可:

以上就是Wordpress 轻量级 Pure-Highlightjs仿Mac风格代码高亮插件的下载与使用说明,有喜欢的朋友可以联系Java潘老师哦,承诺如果不符合描述,直接不收费!


版权声明:本站文章,如无说明,均为本站原创,转载请注明文章来源。如有侵权,请联系博主删除。
本文链接:https://www.panziye.com/javacode/5823.html
喜欢 (2)
请潘老师喝杯Coffee吧!】
分享 (0)
用户头像
发表我的评论
取消评论
表情 贴图 签到 代码

Hi,您需要填写昵称和邮箱!

  • 昵称【必填】
  • 邮箱【必填】
  • 网址【可选】

(3) 个小伙伴在畅所欲言
  1. 用户头像
    插件没问题,Coy风格漂亮,支持的语言种类也多
    godme 2023-07-03 08:47 回复
  2. 用户头像
    插件没毛病,可以正常高亮代码,风格多样,不错
    浣熊 2023-06-28 15:40 回复
  3. 用户头像
    改进后的代码高亮效果确实很好,很美观
    Brocade 2023-04-22 12:08 回复