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