Mar 6, 2012
如何呈現語法高亮度
這是我最近研究出來的方法，歡迎各方同好批評指教。
先選 theme
我嘗試後找到一個比較滿意的就是目前 demo 使用的這個。
select "Free Themes"
use "Pink touch 2 by kcmr"
記得 save
google-code-prettify
上網 survey 到 google-code-prettify 可以用，所以要到 custommize 設定去加入讓 js/css 生效。
Edit HTML
在 <head></head> 裡面加入這段 code
<!-- http://code.google.com/p/google-code-prettify/ --> <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> 改成 <body onload="prettyPrint()">
一樣記得 save
使用方法
這隻 js 會吃兩種方法：
<pre class="prettyprint">...</pre>
<code class="prettyprint">...</code>
我的用法是加 <pre><code class="prettyprint">...</code></pre>。
範例
