因?yàn)榕紶栒垓v代碼,所以代碼高亮是少不了的一個功能,在這里推薦一款 WordPress 代碼高亮插件:
Pure-Highlightjs
一個基于 Highlightjs 實(shí)現(xiàn)的 WordPress 代碼高亮插件飒泻,支持 N 多種語言高亮灰伟,還提供多種主題恶守。
Pure-Highlightjs 依賴于以下開源項(xiàng)目:
highlight.js 是一個用于在任何 web 頁面上著色顯示各種示例源代碼語法的 JS 項(xiàng)目磁奖。
安裝說明
1、下載
2、安裝
進(jìn)入 WordPress 后臺管理頁面究孕, 插件 > 安裝插件 > 上傳插件
啥酱,上傳剛才下載的 ZIP 文件,然后安裝厨诸。
或者解壓安裝包懈涛,上傳到插件目錄 /wp-content/plugins/
3、啟用
安裝完畢后泳猬,在已經(jīng)安裝的插件里啟用 Pure Highlightjs
使用說明
編輯器可視化插入代碼
編輯器可視化插入代碼
Pure Highlightjs 后臺進(jìn)入設(shè)置選項(xiàng)
Pure Highlightjs 選擇代碼高亮樣式
順帶一提批钠,之前我使用的代碼高亮插件是:Crayon Syntax Highlighter,雖說這個插件很不錯得封,功能十分豐富埋心,不過使用一段時間下來覺得增加網(wǎng)站響應(yīng)時間,畢竟這個插件比較大(2.1M)忙上。
而 Pure Highlightjs 這個插件只有 142K拷呆,很小巧。
不過值得注意的地方是:Pure Highlightjs 只能在 WordPress 默認(rèn)編輯器內(nèi)使用疫粥,并且不支持行號茬斧。
本文來自 BUGCC NOTE