如果我們用WordPress程序搭建的是技術性博客網(wǎng)站的話，那肯定在內容中會少不了有插入代碼。如果代碼像文本一樣添加到內容中肯定是不美觀的，于是我們會用到代碼高亮的功能。在這篇文章中，麥子整理10款可選的WordPress代碼高亮插件，如果我們有需要在用到的可以看看這幾款WordPress代碼高亮插件有哪一款適合你的，這些均是當前用戶使用比較多的。

同時需要提到的，有些代碼高亮插件可能不支持古登堡編輯器，可能體驗度會差一些，我們在選擇的時候根據(jù)自己用的古登堡編輯器還是以前傳統(tǒng)的編輯器選擇。

1、Enlighter

Enlighter 是一款免費、易于使用的 WordPress 語法高亮工具。 突出顯示由 EnlighterJS javascript 庫提供支持，以提供漂亮的代碼外觀。使用它就像添加一個新的 Enlighter 源代碼塊 (Gutenberg) 并插入您想要突出顯示的代碼一樣簡單：Enlighter 會處理其余的事情。

2、My Syntax Highlighter

My Syntax Highlighter 插件是一個易于使用、界面直觀的 WordPress 代碼高亮插件，讓我們能夠輕松安全地在 WordPress 網(wǎng)站上的頁面和帖子中嵌入語法突出顯示的源代碼，而不會丟失其格式。該插件支持 13 種語言、16 個簡碼和 36 個主題。語法高亮功能是使用 CodeMirror 庫實現(xiàn)的。語法突出顯示是一種根據(jù)術語類別以不同顏色和字體顯示源代碼的功能。語法高亮是提高文本可讀性和上下文的一種策略；特別是對于跨越多頁的代碼。讀者可以很容易地忽略大部分注釋或代碼，這取決于他們要查找的內容。該插件還使用獨立的 Shortcode-Processor 來防止 WordPress 將換行符轉換為 HTML 段落，用印刷引號替換撇號等。

3、Prismatic

Prismatic 使用 Prism.js、Highlight.js 或純代碼轉義顯示漂亮的代碼片段：Prism.js – 使用 Prism.js 的代碼轉義 + 語法高亮；Highlight.js – 代碼轉義 + 使用 Highlight.js 的語法高亮；Plain Flavor - 沒有語法高亮的代碼轉義。

4、SyntaxHighlighter Evolved

SyntaxHighlighter Evolved 允許我們較為輕松地將語法突出顯示的代碼發(fā)布到網(wǎng)站中，而不會丟失其格式或進行任何手動更改。 它使用 Alex Gorbatchev 的 SyntaxHighlighter JavaScript 包。

5、Highlighting Code Block

Highlighting Code Block 插件支持古登堡編輯器和傳統(tǒng)編輯器，我們可以在對應的編輯器模塊中看到有插入圖標按鈕，然后可以將需要的代碼輕松的用高亮的效果顯示。我們可以在插件設置區(qū)域，將找到顯示語言名稱、行號和復制按鈕的選項。 而且這個高亮插件有提供淺色和深色配色方案，將其應用于前端的內容和后端。

6、CodeMirror Blocks

CodeMirror Blocks 對于開發(fā)人員博客、教程站點非常有用，可以在其中顯示任何程序的格式化（突出顯示）代碼。它支持 100 多種編程、腳本和標記語言，具有 56 個不同的主題。代碼塊依賴于 CodeMirror 庫。格式化代碼塊就像（語法突出顯示功能），根據(jù)術語的類別以不同的顏色和字體顯示源代碼。 這是提高文本可讀性和上下文的一種策略； 特別是對于跨越多頁的代碼。 讀者可以很容易地忽略大部分注釋或代碼，這取決于他們要查找的內容。

7、WP Githuber MD

WP Githuber MD 是一個全功能的 WordPress Markdown 插件提供了多種功能，例如 Markdown 編輯器、實時預覽、圖像粘貼、HTML 到 Markdown 助手等等。

8、Urvanov Syntax Highlighter

Urvanov Syntax Highlighter 插件是一個可自定義的語法高亮器，支持比較復雜的設置選項，插件功能比較復雜，支持 WordPress 經(jīng)典編輯器。大約有 60 種配色方案可供選擇，我們可以調整字體系列、字體大小和輸出的行高、可以為框定義最大寬度和高度及其邊距。代碼框還有一個有用的工具欄，并且支持行號、換行等。

9、Code Syntax Block

Code Syntax Block 插件通過使用 Prism 語法高亮器向核心代碼塊添加語法高亮支持來擴展 WordPress 塊編輯器。Prism 語法高亮器運行加載在前端的 JavaScript 來解析代碼塊并應用語法標記。 CSS 文件指定應用于該標記的顏色和樣式。

10、Pure-Highlightjs

Pure-Highlightjs 是一款基于 Highlightjs 實現(xiàn)的 WordPress 代碼高亮插件，支持 多種語言高亮，還提供多種主題。這款插件我目前也有在用，輕便功能不復雜。

這里提供的10款WordPress代碼高亮插件可以幫助我們設計、代碼類網(wǎng)站展現(xiàn)代碼的時候體驗度較好。