2013年2月19日 星期二

在Blogger中讓程式碼自動產生格式─SyntaxHighlighter

SyntaxHighlighter 官方網站
  1. 首先要讓blogger認識SyntaxHighlighter
    如下圖,進入blogger管理頁面=>範本=>編輯HTML


    會看到以下畫面
  2. 接著在...之間貼上以下程式碼後儲存即可
    
    
    
    
    
    
    
    
    
    
    
    
    

  3. 以上動作完成後,只要在編輯文章時切換至HTML模式,然後在以下的tag之間貼上程式碼即可:

    <pre class="brush:brush別名">...</pre>

    其中brush別名,可查閱如下表格
語言名稱brush別名檔名
ActionScript3as3, actionscript3shBrushAS3.js
Bash/shellbash, shellshBrushBash.js
ColdFusioncf, coldfusionshBrushColdFusion.js
C#c-sharp, csharpshBrushCSharp.js
C++cpp, cshBrushCpp.js
CSScssshBrushCss.js
Delphidelphi, pas, pascalshBrushDelphi.js
Diffdiff, patchshBrushDiff.js
Erlangerl, erlangshBrushErlang.js
GroovygroovyshBrushGroovy.js
JavaScriptjs, jscript, javascriptshBrushJScript.js
JavajavashBrushJava.js
JavaFXjfx, javafxshBrushJavaFX.js
Perlperl, plshBrushPerl.js
PHPphpshBrushPhp.js
Plain Textplain, textshBrushPlain.js
PowerShellps, powershellshBrushPowerShell.js
Pythonpy, pythonshBrushPython.js
Rubyrails, ror, rubyshBrushRuby.js
ScalascalashBrushScala.js
SQLsqlshBrushSql.js
Visual Basicvb, vbnetshBrushVb.js
XMLxml, xhtml, xslt, html, xhtmlshBrushXml.js


沒有留言: