为博客园选择一个小巧霸气的语法高亮插件

博客园的语法高亮简直蛋疼，于是乎就打算找一个靠谱的插件来改造下。
各种百度谷歌，大致得到几个推荐：SyntaxHighlighter，Snippet，Google Code Pretiffy，Highlight，SHJS。
其实 SyntaxHighlighter 非常强大，但是我一直很讨厌他，没有理由的讨厌，所以直接忽略了，开始测试后面几个。

我的测试非常简单，对 jQuery 1.10.2 源码 9789 行，进行高亮渲染测试，看看每个脚本的渲染耗时。

Snippet

Highlight

SHJS

Pretiffy

非常清晰明了，他们的成绩分别为: (注意单位)
Highlight: 567ms
SHJS: 627ms
Pretiffy: 1.26s
Snippet: 9.40s

Snippet 号称基于 SHJS 开发，竟然要渲染 9.4 秒，人家 SHJS 才 0.6 秒呢。
Highlight 和 SHJS 成绩不相上下。

但是我把常用脚本高亮打包成一个文件后(js html css php sql vbs)
SHJS: 22.5kb
Highlight: 14.7kb
都是 min 后的大小，css反正选用那么1，2种，所以大小忽略。

而且 Highlight 的 API 非常详细，所以我最终决定采用 Highlight 做为我改造的对象。
其实 Highlight 的默认主题就非常漂亮，这也是我选择他的理由之一。
我会尽快把它打造成博客园的语法高亮利器分享出来的。随便一提，司徒正美最近貌似就用这个的、、

好了，今天的分享到此结束。

附加内容：
刚刚去测试了下我之前写的那个《js 正则练习之语法高亮》，竟然1秒内渲染完毕，略显霸气了，在此晒图得瑟下。

转载于:https://www.cnblogs.com/52cik/p/js-choose-highlight.html

为博客园选择一个小巧霸气的语法高亮插件相关推荐

博客园计划今天相当霸气
博客园计划 jihua.cnblogs.com 2013-8-23 今天相当霸气随笔数100,排名5555 这种个帖子要发到哪个分类呢?非技术区吧,还有谁能有这种技术呢?呵呵转载于:https: ...
给博客园加一个会动的小人-spig.js
给博客园加一个会动的小人-spig.js 效果大概是这样,感觉十分可爱qvq 那么怎么添加呢? 首先需要开通js/html权限. 然后在页脚html代码中加入以下代码 <script src=& ...
10000个怎么用js写创建li_给博客园加一个会动的小人-spig.js
给博客园加一个会动的小人-spig.js 效果大概是这样,感觉十分可爱qvq 那么怎么添加呢? 首先需要开通js/html权限. 然后在页脚html代码中加入以下代码 -- var isindex=t ...
【分享】给自己的博客园添加一个板娘（可选）
全部样式分享更换模型的话只需要更换jsonpath中的模型名称即可 https://unpkg.com/live2d-widget-model-模型名称/assets/模型名称.model.json ...
博客园添加一个分享的
给自己的博客添加一个分享的按钮吧!! 可以遇见更多志同道合的人呀!!! 使用百度的一键生成按钮就可以了:http://share.baidu.com/code 或者自己写一个也是一样的 <!-- ...
这是博客园的一个Bug吗？
这是博客园的Bug吗? 我怎么收到别人博客中的评论了? 注意红框标出的部分转载于:https://www.cnblogs.com/qishichang/archive/2009/06/28/1512 ...
博客园是一个不错的学习交流的网站
通过一篇Oracle 12c rac搭建的文章,以及搭建过程出现了一些问题,觉得博客园挺好用,挺干净的.比csdn.以后就用博客园学习了. 转载于:https://www.cnblogs.com/cu ...
博客园配置windows live writer，实现本地代码高亮
你是否还在为只能用浏览器在博客后台写文章而苦恼? 你是否还在纠结于live writer没有代码高亮而苦恼? 现在一切都能解决: 其实博客园支持SyntaxHighlighter代码着色,可以用相应的 ...
新入驻博客园立一个flag
2019年博客12 * 2篇转载于:https://www.cnblogs.com/chenzy87/p/10233209.html

为博客园选择一个小巧霸气的语法高亮插件

为博客园选择一个小巧霸气的语法高亮插件相关推荐

最新文章

热门文章