Hello Source Code

在 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  樂在設計


發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

這個網站採用 Akismet 服務減少垃圾留言。進一步瞭解 Akismet 如何處理網站訪客的留言資料