起飛點 Flydots Design

這兩天測試了SyntaxHighlighter這套外掛可以把程式碼貼到部落格上

並且保留完整的屬性 WordPress、Blogger、Pixnet設定方式都不一樣先來介紹Blogger的設定方式

首先登入blogger選擇 自訂 > 修改HTML > 然後再head標籤裡面輸入以下程式碼

<link href='http://alexgorbatchev.com/pub/sh/current/styles/shCore.css' rel='stylesheet' type='text/css'/>

<link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/>

<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js' type='text/javascript'/>

<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushAS3.js' type='text/javascript'/>

<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCSharp.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/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/shBrushXml.js' type='text/javascript'/>

<script language='javascript'> 

SyntaxHighlighter.config.bloggerMode = true;

/*SyntaxHighlighter.config.clipboardSwf = 'http://alexgorbatchev.com/pub/sh/current/scripts/clipboard.swf';*/

SyntaxHighlighter.all();

</script>

以上是使用http://alexgorbatchev.com官方提供當下版本的空間，

也可以到他的網站去下載版本來放在自己的空間再做超聯結(以防他哪一天空間掛掉了)

最後是在編輯文章的時候切換到HTML模式下輸入使用pre標籤來帶入程式碼

for example:
<pre class=”as3”>
package {
    /**
     * ...
     * @author
     */
    public class  {
    }
}</pre>