在 blogger 加入 syntax highlight

14/08/2012 更新：本網誌已經轉用 highlight.js 了。

---

在「範本」 > 「修改HTML」，找出 ， 將以下的程式碼複製到 之上，儲存即可。

<link href="http://alexgorbatchev.com/pub/sh/current/styles/shCore.css" rel="stylesheet" type="text/css"></link>
<link href="http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css" rel="stylesheet" type="text/css"></link>
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js" type="text/javascript">
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushBash.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCss.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJava.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPerl.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPhp.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushSql.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushVb.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js' type='text/javascript'/>
<script language='javascript' type='text/javascript'>
SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.all();
</script>

使用時用 <pre class="brush: js"></pre>
包著程式碼即可，如：

<pre class="brush: js">
alert("Hello world");
alert("Hello world 100 times");
</pre>

會變成

alert("Hello world");
alert("Hello world 100 times");

「brush:js」中的 js 可以是其他語言，要查看支援的語言可以到 Alex Gorbatchev 的網頁看 (Syntax Highligher 原作者)。

唯一麻煩的地方是，在寫 blog 時要轉用 html 模式來寫，在 WYSIWYG editor 中是看不到 code 的預覽。