大發現家

兩種方法: 簡單版實用版、複雜美觀版

一.簡單版實用版

1.進入該網站 http://formatmysourcecode.blogspot.tw/

2.將所需要的程式碼填入其中

3.點擊「Form Text」

4.將產生出的碼複製

5.產生如此效果

<pre class="brush:something">
//這裡輸入程式碼
</pre>

6.欣賞它 !

二.複雜美觀版

1.將下列區塊內的碼複製 

2.「管理後台」-->「部落格管理」-->「側邊欄位設定」-->「頁尾描述」-->「設定」

3.將程式碼貼於如「簡單實用版」中的位置，並在程式碼前後放置<pre class="brush: something"> </pre> 如下 

 <pre class="brush:something">
//這裡輸入程式碼
</pre>
 

4.在上述「something」的地方替換成自己要輸入的程式碼的語言別：

進階技巧：改變行數編號與反白強調  

1.在<pre>標籤語法內加入：first-line:行數編號的起始號碼，highlight:反白強調的行數 
   Ex. <pre class="brush: as3; first-line: 5; highlight: [10, 15]">...</pre>

2.欣賞它！

ps.

在貼Html Code時要注意一下
括號會被browser當作tag讀掉，所以如果要貼括號的話，要用下列的字元更換！

< 用 &lt; 更換
> 用 &gt;更換
& 用 &amp;更換

參考自諸多網站
奧斯丁。土豆、彩色微物、魔法魚的異想空間、Philippe's Expérience Note、SyntaxHighlighter