2007年4月24日 星期二

Blogger 顯示程式碼

實在弄不出來大作 dp.SyntaxHighlighter ,設定 CSS 和 Javascript 的調整
還是不能出現,後來重新到 Google 搜尋之後找到一段 CSS 語法
放上 Blogger 還真的能跑,上傳到 Google Pages 先暫時將外連,方便修改咩 :)

還好網路上高手一堆,參考的原文 ,正宗出處 [Blog]文章中引用程式碼的作法
這段精美的CSS語法,直接放到裡面就可以跑囉 ^^


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

CMD, .cmd {
display: block; /* fixes a strange ie margin bug */
font-family: Courier New;
font-size: 8pt;
overflow:auto;
color: #ccc;
background: #000 url(http://polin2005.googlepages.com/BG_CMD.gif) left top repeat-y;
border: 1px solid #ccc;
padding: 10px 10px 10px 21px;
max-height:200px;
line-height: 1.2em;
}

##CONTINUE##
引述作者紀錄 :

在貼HTML code時要注意一下,括號會被browser當作tag讀掉,所以如果要貼括號的話,要用下列的字元更換!

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

  • 張貼程式碼的方法 :

    將程式碼置於<pre class="code">和</pre>之間。
    如果真的要用 "<",">","&" 那還是會有一點點的小麻煩,
    不過還算夠用只要能讓我將程式碼貼在部落格,這就是最大的幸福了 :)

    沒有留言:

    張貼留言