WordPress代码高亮插件:Pure-Highlightjs轻量版 下载(支持可视化下插入代码)

Pure-Highlightjs 一个基于 Highlightjs 实现的WordPress代码高亮插件,支持好多种语言高亮,还提供多种主题。支持在 WordPress 可视化编辑模式下插入代码。相比自带的编辑器的<pre>手动插入代码方便很多。

安装说明

1. 下载

请在网站上面或者右侧付费下载,由于是轻量版,比原版更适合国人使用。

2. 安装

进入 WordPress 后台管理页面,“插件 》安装插件 》上传插件”,上传刚才下载的 ZIP 文件,然后安装。

或者解压安装包,上传到插件目录,/wp-content/plugins/。

3. 启用

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

插件使用方法

可直接在可视化编辑界面点击“插入代码”按钮,然后选择代码类型,粘贴代码插入即可:

图片[1]-WordPress代码高亮插件:Pure-Highlightjs轻量版 下载(支持可视化下插入代码)-果核网

图片[2]-WordPress代码高亮插件:Pure-Highlightjs轻量版 下载(支持可视化下插入代码)-果核网

 

插入PHP代码效果演示:

function lgy_tranTime($time) {
$minute = date(“H:i”,$time);
$hour = date(“H:i”,$time);
$alltime = date(“Y年m月d日 H:i”,$time);
$time = time()$time;
if ($time < 60) {
$str = ‘ 刚刚 ‘;
}
elseif ($time < 60 * 60) {
$min = floor($time/60);
$str = $min.’分钟前 ‘;
}
elseif ($time < 60 * 60 * 24) {
$h = floor($time/(60*60));
$str = $h.’小时前 ‘;
}
elseif ($time < 60 * 60 * 24 * 3) {
$d = floor($time/(60*60*24));
if($d=1)
$str = ‘昨天 ‘.$minute;
else
$str = $alltime;
}
else {
$str = $alltime;
}
return $str;
}
PHP

插入css代码效果演示:

.term-bar {
    align-items: center;
    background-color: #34495e;
    background-position: center;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 60px 0;
    position: relative;
    text-align: center;
}

.term-bar:before {
    background-color: #34495e;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity 0.3s cubic-bezier(0.77,0,0.175,1);
}

.term-bar.lazyloaded:before {
    opacity: .5;
}

.term-bar .term-title {
    color: #fff;
    font-size: 23px;
    font-weight: 900;
    line-height: 1;
    margin: 0;
    position: relative;
}
CSS

资源下载此资源下载价格为2果核,VIP免费,请先
© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容