WordPress插件 Pure Highlightjs代码高亮美化版

释放双眼,带上耳机,听听看~!
代码高亮现在有的高端主题都自带这个功能了,但是如果你一旦切换主题呢?那就失效了,很麻烦。所以代码高亮我还是推荐使用插件,这种插件很多,但是最实用的就是Pure Highlightjs插件,因为它支持可

代码高亮现在有的高端主题都自带这个功能了,但是如果你一旦切换主题呢?那就失效了,很麻烦。所以代码高亮我还是推荐使用插件,这种插件很多,但是最实用的就是Pure Highlightjs插件,因为它支持可视化编辑,很方便,不需要切换到文本模式。

但是问题来了,代码如果没有行号,感觉怪怪的,也不便于用户体验,所以就有大神去解决这个问题了,最后定格在v3版本,通过Prism来修改这个插件,简直就是完美。由于一次机缘巧合,浏览别人博客,发现有的人的代码高亮上还有语言显示,瞬间高大上,所以我就再次改造,最终形成这个终极版了。

插件特点

  1. 支持可视化编辑
  2. 前端可一键复制、粘贴
  3. 自带8种风格样式
  4. 带行号
  5. 显示语言

插件截图

插件安装后,在编辑文章的时候,编辑器上会显示“插入代码”按钮“<>”,点击即可选择语言,包含多种代码语言

WordPress插件 Pure Highlightjs代码高亮美化版插图

注意事项

有的主题自带代码高亮功能,那么你自己就要进行微改,不要改插件,改主题css样式即可

插件演示

function old_content_message($content) {
$modified = get_the_modified_time('U');
$current = current_time('timestamp');
$diffTime = ($current - $modified) / (60 * 60 * 24);
if ($diffTime > 365) {
$content = $content.'
}
return $content;
}
add_filter('the_content', 'old_content_message');
function old_content_message($content) {
$modified = get_the_modified_time('U');
$current = current_time('timestamp');
$diffTime = ($current - $modified) / (60 * 60 * 24);
if ($diffTime > 365) {
$content = $content.'
}
return $content;
}
on old_content_message($content) {
$modified = get_the_modified_time('U');
$current = current_time('timestamp');
$diffTime = ($current - $modified) / (60 * 60 * 24);
if ($diffTime > 365) {
$content = $content.'
}
return $content;
}

 

下载权限

查看
  • ¥{{right.value}}
    {{right.value}}
    免费下载
    评论后下载
    登录后下载

  • {{attr.name}}:
您当前的等级为
您有每天下载所有资源次的特权,今日剩余 已取得下载权限

人已赞赏
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧