WordPress程式碼高亮外掛 – Prism Syntax Highlighter

小編所撰寫Blog主題當中有許多是以資訊與程式相關的文章，因此為了提升讀者的閱讀品質只要是與程式碼相關的文章皆會使用這套 WordPress程式碼高亮外掛 《Prism Syntax Highlighter》，這套外掛除了可以讓程式碼顯示高亮之外也有顯示行數功能，可以讓讀者們很清楚的知道自己目前閱讀到那行，這套外掛經過自己使用過覺得很實用，因此將《Prism Syntax Highlighter》 推薦給各位有使用WordPress架站的部落客們使用。

  安裝與使用教學  

Prism Syntax Highlighter官網 https://prismjs.com/

 

第一步驟：下載與安裝程式(程式安裝連結如下)。

Prism Syntax Highlighter

 

第二步驟：建立一篇文章並切換到編輯頁面，此外掛會在功能列建立按鈕。

 

第三步驟：點擊功能列按鈕開啟設定視窗，在Language項目中選擇你所要撰寫的語言。

 

第四步驟：將程式碼貼於Paste Code區域中，並點擊右下角確定。

 

第五步驟：點擊確認送出後就會在文章中看到顯示程式碼區域(此時還未顯示高亮)。

 

第六步驟：將文章發表後就會看到顯示高亮的程式碼與顯示的行數了。