如果跟我一樣，偶爾要秀個程式碼，就會想要使用語法高亮度的功能，例如: 

    /**
     * SyntaxHighlighter
     */
    function go()
    {
        if (blogname == "wildwindjen")
            alert("oh ya!!");
    }
1. 下載 SyntaxHighlighter
2. 找個免費空間放 SyntaxHighlighter (我個人是用 Google Site官方站點)
3. 在【側邊欄位設定】的【頁尾描述】加上
    <link href='http://alexgorbatchev.com/pub/sh/2.1.364/styles/shCore.css' rel='stylesheet' type='text/css'/> 
    <link href='http://alexgorbatchev.com/pub/sh/2.1.364/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/> 
    <script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shCore.js' type='text/javascript'></script> 
    <script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushCpp.js' type='text/javascript'></script> 
    <script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushCSharp.js' type='text/javascript'></script> 
    <script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushCss.js' type='text/javascript'></script> 
    <script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushJava.js' type='text/javascript'></script> 
    <script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushJScript.js' type='text/javascript'></script> 
    <script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushPhp.js' type='text/javascript'></script> 
    <script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushPython.js' type='text/javascript'></script> 
    <script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushRuby.js' type='text/javascript'></script> 
    <script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushSql.js' type='text/javascript'></script> 
    <script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushVb.js' type='text/javascript'></script> 
    <script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushXml.js' type='text/javascript'></script> 
    <script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushPerl.js' type='text/javascript'></script> 
    <script language='javascript'> 
        SyntaxHighlighter.config.bloggerMode = true;
        SyntaxHighlighter.config.clipboardSwf = 'http://alexgorbatchev.com/pub/sh/2.1.364/scripts/clipboard.swf';
        SyntaxHighlighter.all();
    </script>
其中【shCore.css】【shThemeDefault.css】【shCore.js】是一定要的，然後再至少搭配一種語言。
4. 文章內容寫法：
    <pre class="brush: html">
        我的程式碼
    </pre>
其中的 html 可以替換成其他程式語言，支援語言請參考。簡單地說，我想要使用 JavaScript 語法，在【頁尾描述的部分】就一定要引用到【shBrushJScript.js】檔案，然後將【brush: html】改成【brush: js】(brush: Brush aliases)
5. 根據官網的說法，總共有兩種寫法，一個是【pre】，另一個為【script】的寫法。【pre】的寫法，裡面不能包小於符號(&lt)，一律得用 &lt 替換。【script】則沒這個問題，不過我還沒在 PIXNET 試成功。
6. 大功告成，應該算還蠻簡單的吧。
7. 另外有一些進階的參數設定。 查看原文 >>
相關文章