身為學習程式的人,都希望在網頁看到的程式碼是漂亮的,也希望貼出來的程式碼是好看的。

在部落格上,一般只能顯示文字或使用HTML,這還是不能滿足程式人的需求。

所以alexgorbatchev有一個好用的SyntaxHighlighter套件,可以在BLOG顯示漂亮的程式碼。

範例

#include 

/* 第一個 C 程式  (hello.c) */
main() {
   printf("hello, world\n");
}

要顯示漂亮的程式碼,只要把以下的代碼貼到[側邊欄位設定]->[頁尾描述]->[設定]的[頁尾描述內容]裡面按儲存。

 













 

接著只要在需要程式碼段落的部落格文章內,使用HTML編輯模式,將程式碼用以下代碼包起來。

 
 
\\程式碼

就可以得到漂亮的程式碼版面囉。

 

要展現不同的程式碼,只要把brush後面改成對應的程式簡碼即可。

各種程式碼簡碼對找照表

Brush nameBrush aliasesFile name
ActionScript3 as3, actionscript3 shBrushAS3.js
Bash/shell bash, shell shBrushBash.js
ColdFusion cf, coldfusion shBrushColdFusion.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
Erlang erl, erlang shBrushErlang.js
Groovy groovy shBrushGroovy.js
JavaScript js, jscript, javascript shBrushJScript.js
Java java shBrushJava.js
JavaFX jfx, javafx shBrushJavaFX.js
Perl perl, pl shBrushPerl.js
PHP php shBrushPhp.js
Plain Text plain, text shBrushPlain.js
PowerShell ps, powershell shBrushPowerShell.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

mico發現SyntaxHighlighter還有許多進階玩法,為了不讓本篇複雜化,折日再來寫一篇給有興趣的朋友們。

arrow
arrow

    mico 發表在 痞客邦 留言(0) 人氣()