wordpress如何安裝代碼高亮插件

最近試用了不少的“代碼高亮”插件,但是沒有一款我覺得很好的。要么效果樣式不行,要么就是插入代碼太麻煩。經過仔細互聯網查找資料,總算找到了一款能讓我十分滿意的wordpress代碼高亮插件。

Pure-HighlightJS是一個輕量級的語法高亮專為WordPress程序所開發的插件;它是一個基于 Highlightjs 實現的 WordPress 代碼高亮插件,支持 N 多種語言高亮,還提供多種主題。支持在 WordPress 可視化編輯模式下插入代碼。

wordpress如何安裝代碼高亮插件

Pure-Highlightjs 依賴于以下開源項目:

highlight.js:https://highlightjs.org

highlight.js 是一個用于在任何 web 頁面上著色顯示各種示例源代碼語法的 JS 項目。注意:這個不需要下載。

Pure-Highlightjs使用教程

一、下載、安裝、啟動插件

此插件必須去下載,以上傳插件的形式來安裝,最后才能啟動。

提醒:直接后臺搜索安裝啟動是不行的。

1、下載地址:

https://github.com/icodechef/Pure-Highlightjs/raw/master/Pure-Highlightjs_1.0.zip

2、安裝

進入 WordPress 后臺管理頁面,“插件 》安裝插件 》上傳插件”,上傳剛才下載的 ZIP 文件,然后安裝。

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

3、啟動

安裝完畢后,在已經安裝的插件里啟用 “Pure Highlightjs”。

二、插件設置

設置也是非常的簡單,選擇一個你想你的代碼顯示的效果,有很多種效果,大家可以每一個都去測試一下,如果你不做設置即用的是默認樣式效果。下圖是本博客“代碼高亮”設置的顯示效果,如下圖:

wordpress如何安裝代碼高亮插件

相關推薦:《WordPress教程

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

安裝此插件,只要你啟動后,你的編輯器會出現“”小圖標,點擊它就可以插入你想要的代碼。如下圖:

wordpress如何安裝代碼高亮插件

四、最終網站前臺頁面“代碼高亮”顯示效果

由于此插件支持的“代碼高亮”效果有很多,我就只拿博主選擇的這個效果來做測試吧!如下圖:

wordpress如何安裝代碼高亮插件

以上就是

? 版權聲明
THE END
喜歡就支持一下吧
點贊5 分享