蝶之小築

因為想利用BLOG來紀錄一些自己寫過的程式碼 所以這幾天一直在尋找實作的方法 最後發現有兩個比較可行的方式

1.利用CSS的方式新增一個CODE的標籤樣式
2.利用SyntaxHighlighter的方式來實現高亮度程式碼

實作方式分述如下：

1.利用CSS的方式新增一個CODE的標籤樣式

進入後台管理後，點選[樣式管理]的[樣式設計精靈]，並點選上方的[CSS原始碼編輯]

我是在

html{
background-color: white;
}

之後再加入一段

code {
display: block; /* fixes a strange ie margin bug */
font-family: Courier New;
font-size: 8pt;
overflow:auto;
background: #f0f0f0 url(http://klcintw.images.googlepages.com/Code_BG.gif) lef\
t top repeat-y;
border: 1px solid #ccc;
padding: 10px 10px 10px 21px;
max-height:200px;
line-height: 1.2em;
}

完成設定後，只要在發表文章時使用<code></code>標籤將程式碼包裹起來 (需切換為文字編輯器) 即可顯現出效果，效果如下。

程式碼測試...