google code prettify

這幾天一直在找在 blogger 上面可以讓貼程式碼比較方便的辦法，最後在 dp.SyntaxHighlighter 和 google-code-prettify 之間我選擇了 google code prettify。

google-code-prettify 的使用相當簡單，首先先去下載網頁上面抓下它的 CSS 和 js 檔案，上傳到網頁空間。接著在網頁前面加上：

<link href="prettify.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="prettify.js"></script>

其中，prettify.css 和 prettify.js 這兩個檔案必須更改正確的路徑。接著，在 body 這個 tag 加上 onload="prettyPrint()"，這樣就完成了設定的動作。

當你要將某段 code 貼上時，你只要將要貼上的 code 以 <pre class="prettyprint">...</pre>包起來，就可以達到 syntax highlight 的效果。