在 Blog 上凸顯程式碼

Demo 版本一  ，使用 pre 標籤，

#include <iostream> 
using std::cout;
using std::endl; 
int main() 
{ 
 cout << "Hello World" << endl; 
 return 0; 
}

1. 使用 pre 標籤時， < 符號仍須使用 &lt; 來代替，最終顯示結果會是正常的 <

2. Window Live Writer 內就可以預覽結果，不過預覽不到凸顯的部份

3. 外掛設定內的 pre 支援要打開。

Demo 版本二，使用 [ sourcecode ] 標籤

#include <iostream>
using std::cout;
using std::endl;
int main() 
{ 
  cout << "Hello World" << endl;
  return 0;
} 

1. 使用 標籤時，不可以使用 &lt; 來代替<。

2. [ 跟 s 、 e 跟 ] 之間，不能留空白。

3. [ sourcecode language=”cpp”] 程式 [ /sourcecode]

4. [ code lang=”cpp”] 程式 [ /code]

程式名稱：SyntaxHighlighter Evolved

相關教學：
1. WordPress 在文章內嵌入程式碼區塊  by 重灌強迫症大叔

2. WordPress SyntaxHighlighter Evolved 程式碼高亮外掛，讓程式碼更美麗  by  樂在設計