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

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

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

Snippet

Highlight

SHJS

Pretiffy

非常清晰明了,他们的成绩分别为: (注意单位)
Highlight567ms
SHJS627ms
Pretiffy1.26s
Snippet9.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秒内渲染完毕,略显霸气了,在此晒图得瑟下。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值