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

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

77e48b23f301cc3-1

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

一、插件特点

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

二、插件截图

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

5c48936f229aa37

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

f6d0859f3007716

三、注意事项

有的主题自带代码高亮功能,那么你自己就要进行微改,不要改插件,改主题css样式即可
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!admin@maicode.cn
2. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!
3. 如果你也有好源码或者教程,可以到审核区发布,分享有金币奖励和额外收入!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
7. 本站不保证所提供下载的资源的准确性、安全性和完整性,源码仅供下载学习之用!
8. 如用于商业或者非法用途,与本站无关,一切后果请用户自负!
9. 如遇到加密压缩包,默认解压密码为"320588.cn",如遇到无法解压的请联系管理员!
模板君 » 通过Prism给Pure Highlightjs代码高亮插件添加行号

1 评论

发表评论

  • 394会员总数(位)
  • 238资源总数(个)
  • 0本周发布(个)
  • 0 今日发布(个)
  • 202稳定运行(天)

提供最优质的资源集合

立即查看 了解详情