[BLOG] 張貼Code block

Code Block

喵們在寫程式的時候, 常常用一些wiki來記錄
其中也只需要增加一些plug-in
在接上 <pre> </pre> 以及相對應的敘述就可以了
不過blogger似乎沒這麼愜意
找了幾個介紹都沒有達到很好的效果
直到....


發現了這兩個
http://hilite.me
http://markup.su/highlighter/

用法

簡單地說, 就是把寫好的程式碼, 貼到網站上, 在由網站翻譯成HTML的格式

先拿一個簡單的例子, 這是在 eclipse 當中所呈現的 code

接著將code複製貼上到網站上, 然後點選轉換的按鈕, 再把做好的html放到網誌上就結束了

以下是幾個範例

hilite.me (推薦)

首先到網站上將code貼上

http://hilite.me

接著選好一些選項, 然後按下 Hightlight

拷貝右邊欄位的HTML, 接著貼上Blogger當中的HTML模式當中就可以了

以下是這個貼上後的預覽

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

//============================================================================ // Name : HelloWorld.cpp // Author : // Version : // Copyright : Your copyright notice // Description : Hello World in C++, Ansi-style //============================================================================ #include <iostream> #include <stdio.h> using namespace std; int main() { printf("Hello World"); return 0; }

markup.su

先將code貼到網頁上

http://markup.su/highlighter/

一樣按下 Hightlight的按鈕產生出 HTML code

比較可惜的是這一個網站並沒有辦法生成 line number

以下是這HTML code所產生的預覽

//============================================================================
// Name        : HelloWorld.cpp
// Author      : 
// Version     :
// Copyright   : Your copyright notice
// Description : Hello World in C++, Ansi-style
//============================================================================

#include <iostream>
#include <stdio.h>
using namespace std;

int main() {
    printf("Hello World");
    return 0;
}