在寫 WordPress 部落格文章時,只要是跟資訊相關,多少都會需要放入原始程式碼,我當然也不例外,自然需要容易辨識的程式語法顯示,並能用最快的速度將程式貼入文章之中。

Syntax highlighting is a feature of some text editors that display text—especially source code—in different colors and fonts according to the category of terms. (Source: 維基百科)

接下的內容將介面使用 SyntaxHighlighter 外掛來達成高亮度語法的實現,並透過 Microsoft 提供的 Windows Live Write 2012 (WLW)工具,離線編輯或撰寫 Blog 文章,最後透過安裝 Windows Live Writer Source Code plugin for SyntaxHighlighter 套件,讓 WLW 能夠透過工具視窗的輔助,快速的輸入要被標示為高亮度的程序區塊。

一、安裝 SyntaxHighlighter 高亮度外掛

首先到 SyntaxHighlighter 官方網站下載 SyntaxHighlighter 3.0.83 plugin for WP

SyntaxHighlighter 3.0.83 plugin for WP
http://alexgorbatchev.com/SyntaxHighlighter/

下載 syntaxhighlighter_3.0.83.zip 檔案,並將其解壓縮,透過 FTP 將 syntaxhighlighter 資料夾上傳到 WordPress 目錄下的 /wp-content/plugins/ 資料夾裡

接下來,進入 WP 的後台管理介面啟用 syntaxhighlighter 外掛

進入設定頁面,將 Load All Brushes 勾選後儲存

這時已經安裝完成,在 WP 的後台新增編寫文章內容時,就可以輸入標示高亮度語法的區塊。可以顯示程式語言請參考 SyntaxHighlighter 支援的程式語言 中所標示(如常見的 HTML , PHP , JAVA , C 等),因接下來我們將直接使用 WLW 來輸入,原始在 WP 後台輸入的語法則不再介紹,或可參考 WP 外掛管理頁面中的說明(如下圖)。

二、安裝 Microsoft Windows Live Write 2012

Windows Live (Windows 程式集) 是一套包含影像中心、Mail 郵件軟體、Movie Maker、Writer、家長監護服務、Bing 工具列以及Microsoft Silverlight的整合套件,其中我們要安裝的就是內含的 Windows Live Write 2012。

下載並安裝 Windows Live Write 2012 (Windows Live)
http://windows.microsoft.com/zh-TW/windows-live/essentials-home

相信安裝以及使用軟體對於各位決對不是什麼難事,這裡就不再詳細說明,可以在安裝過程中選擇自己想要安裝的套件(也可以只安裝 Windows Live Write 2012 就好)。

三、安裝 WLW plugin for SyntaxHighlighter

再來就是讓 WLW 能夠快速的輸入 SyntaxHighlighter,這裡我們需要去下載 WLW 的套件來安裝。

Code Snippet With Syntaxhighlighter Support for Windows Live Writer
http://precode.codeplex.com/

安裝完後,WLW 就有 PreCode 這個外掛可以使用啦~

雖然介面都是英文的,但只要選對兩個下拉選單,輸入你要輸入的語法後按OK就行了

最後透過 WLW 與 WordPress 連結,編寫文章後上傳,Ya,快速有效。最後驗收一下成果吧~

<?php
    //這是註解
    echo phpinfo();
?>
Related Posts Plugin for WordPress, Blogger...

您可以延伸閱讀這些文章:

  1. [教學] 在你的 BLOG 中出現圖文並列的相關文章連結
  2. [教學] WLW 發表文章至 WordPress 錯誤的處理辦法
Tagged with:
 
About The Author

阿百

大家好,我是陳彥百(YenPai Chen)

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *

*

你可以使用這些 HTML 標籤與屬性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>