2011年2月28日 星期一

[blogger] 編輯程式區塊的方法

方法一:

到"後台" > "設計" > "修改HTML" 中

把這段CODE放進去

code, .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) left top repeat-y;
    border: 1px solid #ccc;
    padding: 10px 10px 10px 21px;
    max-height:200px;
    line-height: 1.2em;
}
之後在執行時
只要把程式碼包在"code" tag中即可
<code> code </code>
方法二:
支援的程式語言種類

同上述步驟

先找到html裡面的<head>...</head>標籤

將以下的code置入
<link href='http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.css' type='text/css' rel='stylesheet' />
<script type='text/javascript' src='http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.js'></script>


然後在<body>中 置入event
<body onload="prettyPrint()">

之後只要使用
<pre class="prettyprint">code</pre>
*目前好像只支援pre tag
Example:
#include

int main(){

printf("hello");

}

沒有留言:

張貼留言