最近試用了不少的"代碼高亮"插件，但是沒有一款我覺得很好的。要么效果樣式不行，要么就是插入代碼太麻煩。經(jīng)過仔細(xì)互聯(lián)網(wǎng)查找資料，總算找到了一款能讓我 非常滿意的wordpress代碼高亮插件。

Pure-Highlightjs是一個(gè)輕量級(jí)的語(yǔ)法高亮專為WordPress程序所開發(fā)的插件；它是一個(gè)基于 Highlightjs 實(shí)現(xiàn)的 WordPress 代碼高亮插件，支持 N 多種語(yǔ)言高亮，還提供多種主題。支持在 WordPress 可視化編輯模式下插入代碼。

Pure-Highlightjs 依賴于以下開源項(xiàng)目：

highlight.js 是一個(gè)用于在任何 web 頁(yè)面上著色顯示各種示例源代碼語(yǔ)法的 JS 項(xiàng)目。注意：這個(gè)不需要下載。

Pure-Highlightjs使用教程

一、下載、安裝、啟動(dòng)插件

此插件必須去下載，以上傳插件的形式來安裝，最后才能啟動(dòng)。

提醒：直接后臺(tái)搜索安裝啟動(dòng)是不行的。

1、下載地址：

2、安裝

進(jìn)入 WordPress 后臺(tái)管理頁(yè)面，"插件 》安裝插件 》上傳插件"，上傳剛才下載的 ZIP 文件，然后安裝。

或者解壓安裝包，上傳到插件目錄，/wp-content/plugins/。

3、啟動(dòng)

安裝完畢后，在已經(jīng)安裝的插件里啟用 "Pure Highlightjs"。

二、插件設(shè)置

設(shè)置也是非常的簡(jiǎn)單，選擇一個(gè)你想你的代碼顯示的效果，有很多種效果，大家可以每一個(gè)都去測(cè)試一下，如果你不做設(shè)置即用的是默認(rèn)樣式效果。下圖是本博客"代碼高亮"設(shè)置的顯示效果。

三、用了此插件后，編輯器如何可視化插件代碼？

安裝此插件，只要你啟動(dòng)后，你的編輯器會(huì)出現(xiàn)"<>"小圖標(biāo)，點(diǎn)擊它就可以插入你想要的代碼。

四、最終網(wǎng)站前臺(tái)頁(yè)面"代碼高亮"顯示效果

由于此插件支持的"代碼高亮"效果有很多，我就只拿博主選擇的這個(gè)效果來做測(cè)試吧！