操作很容易，Source Code 中貼上你要著色的程式碼，然後選擇語種，點選 Render 按鈕就會在 HTML Code 中生成相應的 HTML 程式碼，同時在 HTML Preview 中可以預覽到效果。

簡要說明：Lang 下拉框可以選擇所支援的語法，Options 右邊的 Gutter、Controls、CollapseAll、FirstLine、Columns 是控制生成的額外的元素，逐一點試試就知道了。每個內容顯示(輸入)區都提供了 Copy/Paste/Clear 快捷操作連結，還有一個總的 Clear 按鈕。

Copy生成 的HTML 程式碼，在日誌編輯視窗切換到HTML原始碼編輯模式，貼上就可以了。

不過要想正確顯示程式碼高亮還需在WordPress主題中載入樣式檔案“highlight.css”（在下載的壓縮包中）

方法：

首先，把highlight.css上傳到所使用主題目錄中；然後在header.php檔案引用。

或者直接與style.css和在一起。

下載工具：