通过Prism给Pure Highlightjs代码高亮插件添加行号

阿里云1核1G仅需366元/年
摘要:很多写教程的人,都需要写代码,而代码高亮就成了大家基本都需要的一个功能了。网上一搜,一大片,但是你是否发现都不满意?

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

通过Prism给Pure Highlightjs代码高亮插件添加行号

但是问题来了,代码如果没有行号,感觉怪怪的,也不便于用户体验,所以就有大神去解决这个问题了,最后定格在v3版本,通过Prism来修改这个插件,简直就是完美。

一、插件特点

  • 支持可视化编辑;
  • 前端可一键复制、粘贴;
  • 自带8种风格样式;
  • 带行号。

二、插件截图

插件安装后,在编辑文章的时候就有“插入代码”按钮,包含多种代码语言

通过Prism给Pure Highlightjs代码高亮插件添加行号

后台-设置-Pure highlightjs,可以设置主题样式

通过Prism给Pure Highlightjs代码高亮插件添加行号

三、注意事项

有的主题自带代码高亮功能,那么你自己就要进行微改,不要改插件,改主题css样式即可
本文标签:  ,  ,  , 
文章链接: https://www.wm945.cn/260.html
版权声明: 本文由“ WordPress爱好者 ”原创,转载请保留出处!
温馨提示: 文章内容仅代表作者个人观点,因本文而产生的后果本站概不负责!
分享到:
赞(1) 打赏

评论2

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #1
    成功 评论本文 后刷新可见
    9982019-04-26 7:15:41回复
    • 测试
      测试2019-05-16 9:34:20回复

网站搞得差不多了,接下来就更新文章了!

联系博主

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏