作為一個計(jì)算機(jī)相關(guān)學(xué)科的老師，經(jīng)常需要在頁面中展示一些代碼片斷，這個時候，如果可以跟離線編輯器一樣顯示語法著色，無論是閱讀方便程度還是美觀（逼格？）程度都無疑會有提升。Wordpress下可以實(shí)現(xiàn)語法著色的插件有很多，我個人試用過多款，最終發(fā)現(xiàn)Crayon Syntax Highlighter非常不錯。
1、插件的安裝
Wordpress插件的安裝就有點(diǎn)老生常談，由于Crayon Syntax Highlighter是一個已經(jīng)入駐官方目錄的插件，所以在安裝時不外乎兩種方法，一種是在后臺在線搜索并安裝，另一種是先在官方站點(diǎn)下載ZIP，上傳并安裝。如果需要關(guān)于安裝做更詳細(xì)的了解，可以閱讀這篇文章：Wordpress插件的安裝與管理。
2、插件的配置
在安裝并啟用插件后，可以對Crayon Syntax Highlighter做一些基礎(chǔ)的設(shè)定，設(shè)置的入口，可以在后臺“已安裝插件”的列表中找到鏈接。
在配置頁面，可以設(shè)置插件在前臺的顯示主題（我比較喜歡Twilight，在Sublime Text中我也一樣是使用這個主題的）、字體格式、默認(rèn)的情況（這個插件支持Python、Java、PHP等主流和非主流的語言40多種，對于一般人的需求應(yīng)該都是可以滿足的）
3、插件的使用
在安裝后插件后，以后進(jìn)入文本編輯器編輯文件時，可以看到已經(jīng)多了一個“<>”的圖標(biāo)，如圖所示。
單擊這個圖標(biāo)，即可以出現(xiàn)代碼編輯浮窗，然后在其中的文本框中輸入或粘貼你想要添加的代碼，編輯完畢，單擊“插入”即可。
最終的顯示效果如下圖所示：
這里說明一下，默認(rèn)是以代碼塊的方式插入的，如果勾選上方的“行內(nèi)”，則以嵌入行的方式顯示，形如print("hello world!")。另外，也可以直接在編輯器里用`代碼`的方式插入行內(nèi)代碼，通過在HTML編輯模式下使用<pre>標(biāo)簽直接來插入代碼塊，以下是一個示例。
<pre class="lang:python theme:twilight" title="demo">
print("hello world")
</pre>
