2014-01-28

在Blogger上貼上程式碼 使用SyntaxHighlighter

有時候想在Blogger上貼上程式碼
這時候可以使用這套工具 SyntaxHighlighter



Step1
設計 -> 範本 -> 編輯HTML

Step2
在<head> </head> 中間塞入下列語法






Step3 How to use?
貼程式碼時 請先切換到HTML模式
手動key <pre></pre>標籤

// class="brush:c++" brush:後請填上語言 語言表可參考Step4
// 請將程式碼貼在這邊



Step4 語法表與Demo
Demo
Brush nameBrush aliasesFile name
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




0 意見: