為部落格園選擇乙個小巧霸氣的語法高亮外掛程式

2022-01-18 01:50:27 字數 1169 閱讀 5212

我的測試非常簡單,對 jquery 1.10.2 原始碼 9789 行,進行高亮渲染測試,看看每個指令碼的渲染耗時。

非常清晰明了,他們的成績分別為: (注意單位)

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秒內渲染完畢,略顯霸氣了,在此曬圖得瑟下。

乙個部落格園樣式

自定義了自己的部落格字型,瞬間覺得順眼多了,碼起字來都更有動力了。無意中,又發現了乙個特別符合我審美的部落格樣式,偷偷記錄一波,有機會學習學習。但是,你可以發現,我已經把這個小可愛給偷過來了,哈哈哈哈 非常非常喜歡那只貓,用我半吊子的水平看了看原始碼,發現這只貓主要引了乙個js庫來實現,如下 我在外...

給部落格園部落格新增乙個看板娘!

之前跟軍師說了一哈,關於這個看板娘的東西,結果自己也想弄乙個 真香 就這個玩意 我們解壓後會得到這麼幾個檔案 waifu.css 如果要放在網頁的左邊,那麼請引入這個檔案 waifu1.css 反之,放在右邊請引入這個,二選一 看你喜歡放在哪邊咯 waifu tips.js 看板娘的文字 live2...

發乙個仿部落格園的分頁控制項

與其講是分頁控制項 不如說是乙個分頁類。在網上蒐集的css樣式 一共24中經典樣式供大家選擇。1.digg 2.yahoo 3.yahoo2 4.meneame 5.flickr 6.sabrosus 7.scott 8.quotes 9.black 10.black2 11.black red 1...