2015年6月5日 星期五

Blogger上使用SyntaxHighlighter的方式

1、進入範本自訂->進階,選擇新增CSS
2、將SyntaxHighlighter  CSS高亮語法(請點我) 複製過去
3、複製以下程式碼至</body> 之前













4、要使用SyntaxHighLighter時,只需在程式碼前後加上以下語法
<pre name="code" class="code type">
    程式…
</pre>
5、code type可以參考下表

Brush name Brush aliases File name
Bash/shell bash, shell shBrushBash.js
C# c-sharp, csharp shBrushCSharp.js
C++ cpp, c shBrushCpp.js
CSS css shBrushCss.js
Delphi delphi, pas, pascal shBrushDelphi.js
Diff diff, patch shBrushDiff.js
Groovy groovy shBrushGroovy.js
JavaScript js, jscript, javascript shBrushJScript.js
Java java shBrushJava.js
Perl perl, pl shBrushPerl.js
PHP php shBrushPhp.js
Plain Text plain, text shBrushPlain.js
Python py, python shBrushPython.js
Ruby rails, ror, ruby shBrushRuby.js
Scala scala shBrushScala.js
SQL sql shBrushSql.js
Visual Basic vb, vbnet shBrushVb.js
XML xml, xhtml, xslt, html, xhtml shBrushXml.js
 

沒有留言:

張貼留言