身為學習程式的人,都希望在網頁看到的程式碼是漂亮的,也希望貼出來的程式碼是好看的。
在部落格上,一般只能顯示文字或使用HTML,這還是不能滿足程式人的需求。
所以alexgorbatchev有一個好用的SyntaxHighlighter套件,可以在BLOG顯示漂亮的程式碼。
範例
#include /* 第一個 C 程式 (hello.c) */ main() { printf("hello, world\n"); }
要顯示漂亮的程式碼,只要把以下的代碼貼到[側邊欄位設定]->[頁尾描述]->[設定]的[頁尾描述內容]裡面按儲存。
接著只要在需要程式碼段落的部落格文章內,使用HTML編輯模式,將程式碼用以下代碼包起來。
\\程式碼
就可以得到漂亮的程式碼版面囉。
要展現不同的程式碼,只要把brush後面改成對應的程式簡碼即可。
各種程式碼簡碼對找照表
Brush name | Brush aliases | File 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還有許多進階玩法,為了不讓本篇複雜化,折日再來寫一篇給有興趣的朋友們。
文章標籤
全站熱搜
留言列表