2008 03 22 02 54 在 xuite 裡使用 google code prettifier

在別人網站裡看到所寫的原始碼都是彩色的,
所以trace了一下,
發現是用google code perttifier
所以就去google code perttifier的網站,
抓回最新的程式。
目前最新是prettify_31_Aug_2007.zip
解開後,會有兩個檔案prettify.css和prettify.js。
把這兩個檔案放到你可外部連結得到的網站。
當然,以下的 prettify.css 和 prettify.js 要相對應的修改網址。

然後當你要寫程式碼時,
要按『<>』去切換到HTML模式。
加入以下:
<link href="prettify.css" type="text/css" rel="stylesheet"/>
<script type="text/javascript" src="prettify.js"></script>
<pre class="prettyprint">
// 原始碼放在這裡~~~
</pre>
<script type="text/javascript">prettyPrint();</script>
然後再按『<>』去切換回來。
這樣就大功告成。
或者是用我的改良版:
<link href="http://porpoise.chiang.googlepages.com/prettify.css" type="text/css" rel="stylesheet"/>
<script type="text/javascript" src="http://porpoise.chiang.googlepages.com/prettify.js"></script>
<span class="codes"><pre class="prettyprint">
// 原始碼放在這裡~~~
</pre>
</span>	
<script type="text/javascript">prettyPrint();</script>