Blogger加入SyntaxHighlighter樣式

Source Link: SyntaxHighlighter


(一) 修改Blogger樣式
1.下載SyntaxHighlighter樣式, 下載連結 (版本 3.0.83)
2. 將SyntaxHighlighter解壓，並放入webserver (或者使用作者所提供的空間)
3. 加入javascript與css到Blogger範本 <b:skin> 標籤之前


4. Blogger範本</body>前呼叫

5. 文章中插入程式碼的呼叫方式
    a.

<pre class="brush: js">

    /**

     * SyntaxHighlighter

     */

    function foo()

    {

        if (counter <= 10)

            return;

        // it works!

    }

</pre>

   
    b.

<script type="syntaxhighlighter" class="brush: js"><![CDATA[

  /**

   * SyntaxHighlighter

   */

  function foo()

  {

      if (counter <= 10)

          return;

      // it works!

  }

]]></script>