讓Blogger支援Syntax Highlighting

想顯示程式的Syntax Highlighting，在網上google半天，先找到SyntaxHighlighter。用了之後效果是很棒，但因為連結它所提供的網站速度，還是有點兒慢，所以今天繼續找尋別的方式。結果踏破鐵鞋無覓處，得來全不費功夫，Google的google-code-prettify就很好用了呀！真奇怪，Blogger也是Google的，怎麼不內建此功能呢？

參考網站說明和作法整理如下：將底下的javascrip放到範本</head>之前即可，其中修改了背景顏色、邊框顏色和邊距等參數。

<script language='javascript' src='http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.js' type='text/javascript'/>
<link href='http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.css' rel='stylesheet' type='text/css'/>
<style>
pre {
  background-color : #f7f7f7;
  overflow         : auto ;
}
pre.prettyprint { padding: 12px; border: 1px solid #777; }
</style>

使用的方法非常簡單，在程式碼外面加上一層皮即可，但千萬要記得在撰寫模式模式時，將張貼選項的撰寫設定點選按照字面顯示 HTML，這樣一來程式會自動轉換Html特殊字元< , >等。或者用Convert special characters into html entities或Online syntax highlighting或類似的工具，將無法在Html中顯示的字元先代換掉！然後切換到修改HTML模式再加上這層皮。

<pre class="prettyprint">
     程式碼.......
     程式碼.......
</pre>