WordPress 語法高亮外掛 Crayon Syntax Highlighter

在撰寫含有 code 文章的時候,怎樣能夠看起來像 IDE(Integrated Development Environment 集成開發環境)一樣,以顏色呈現出好讓自己、及訪客好閱讀的 code。外掛 Crayon Syntax Highlighter 能夠套用類似效果,且此外掛在撰寫文章時,還提供了一個使用者介面,能夠讓您快速並且直覺的建立想呈現的 code,也支援欲顯示的行數、指定行數變色。

crayon-syntax-highlighter_00

安裝外掛

至後台 > 外掛 > 安裝外掛,搜尋外掛 Crayon Syntax Highlighter,安裝完成並啟用外掛。

繁體中文化

下載 繁體中文語系檔 並解壓縮至,語系檔安裝路徑:/wp-content/plugins/crayon-syntax-highlighter/trans/ 目錄下。

設定

設定個人主題。

使用

新增文章時,在撰寫文章編輯器,開啟 crayon UI(使用者介面、用戶介面)。

依需求設定完成後,按下『增加』。

  • 標題:此 code 的標題。
  • 語言:所使用的程式語言。
  • 範圍:設定欲顯示行數,例如僅顯示 2-5 行;或第 3 行。
  • 標線:設定要高亮的行數,例如高亮 2-5 行;或第 3 行。

crayon 立即自動產生相對應的 code 至編輯器上。

在前台顯示文章時,就可看到 crayon 所呈現的效果了。


發表迴響