2010年1月29日 星期五

blogger貼彩色程式碼包你會教學 (Syntaxhighlighter)

  1. blogger登入後,找"版面配置"->"修改HTML"->"修改範本"
  2. 在你的範本最後加入下面這段(結束前,其它地方沒去試):

    <script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.287/scripts/shCore.js"></script>
    <script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.287/scripts/shBrushBash.js"></script>
    <script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.287/scripts/shBrushCpp.js"></script>
    <script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.287/scripts/shBrushCSharp.js"></script>
    <script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.287/scripts/shBrushCss.js"></script>
    <script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.287/scripts/shBrushDelphi.js"></script>
    <script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.287/scripts/shBrushDiff.js"></script>
    <script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.287/scripts/shBrushGroovy.js"></script>
    <script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.287/scripts/shBrushJava.js"></script>
    <script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.287/scripts/shBrushJScript.js"></script>
    <script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.287/scripts/shBrushPhp.js"></script>
    <script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.287/scripts/shBrushPlain.js"></script>
    <script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.287/scripts/shBrushPython.js"></script>
    <script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.287/scripts/shBrushRuby.js"></script>
    <script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.287/scripts/shBrushScala.js"></script>
    <script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.287/scripts/shBrushSql.js"></script>
    <script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.287/scripts/shBrushVb.js"></script>
    <script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.287/scripts/shBrushXml.js"></script>
    <link type="text/css" rel="stylesheet" href="http://alexgorbatchev.com/pub/sh/2.0.287/styles/shCore.css"/>
    <link type="text/css" rel="stylesheet" href="http://alexgorbatchev.com/pub/sh/2.0.287/styles/shThemeDefault.css"/>
    <script type="text/javascript">
    SyntaxHighlighter.config.bloggerMode = true;
    SyntaxHighlighter.config.clipboardSwf = 'http://alexgorbatchev.com/pub/sh/2.0.287/scripts/clipboard.swf';
    SyntaxHighlighter.all();
    </script>
  3. 接下來是貼程式碼到blogger上,用html模式貼上這個:

    <pre class="brush: c++;">
    int test()
    {
    return 10;
    }
    </pre>
  4. 但是如果你的</pre>
    裡面含有'<'、'>'、':' ...等字元,就要去centricle轉換
  5. brush後面的語言關鍵字在
  6. 參考:
    http://flowmind33.blogspot.com/2009/09/syntaxhighlighter-20-blogger.html
    http://keikoblog.blogspot.com/2009/03/blog.html