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

王朝学院·作者佚名  2016-05-23
窄屏简体版  字體: 小  |  中  |  大  |  超大  

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

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

Snippet

Highlight

SHJS

Pretiffy

非常清晰明了,他们的成绩分别为: (注意单位)Highlight:567msSHJS:627msPretiffy:1.26sSnippet:9.40s

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

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

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

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

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

 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
© 2005- 王朝網路 版權所有 導航