唔知乜事, alexgorbatchev.com 突然 connection refused.
都係想辦法將 syntax highlighter 放去自己既 web site 好 D.
syntax highlighter 既 source 仲可以去 GitHub 下載: https://github.com/syntaxhighlighter/syntaxhighlighter
由於諗住記低 D program, 如果無 SyntaxHighligh 真係幾難睇.
第一時間網上搵下點樣夾到 SyntaxHighlighter 入黎.
(1) 去到自己既 blogger, click [設計]
(2) 入左去範本既網頁, 就選 [編輯 HTML]
(3) 然後就 copy 段 code 去 <head> 同 </head> 之間
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js" type="text/javascript" /> <script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCpp.js" type="text/javascript" /> <script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js" type="text/javascript" /> <script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJava.js" type="text/javascript" /> <script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushSql.js" type="text/javascript" /> <script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushVb.js" type="text/javascript" /> <script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js" type="text/javascript" /> <link href="http://alexgorbatchev.com/pub/sh/current/styles/shCoreDefault.css" rel="stylesheet" type="text/css" /> < type="text/javascript"> SyntaxHighlighter.config.bloggerMode = true; SyntaxHighlighter.all(); </script>一點遺憾:
SyntaxHighlighter 提供了 <pre /> 及 <script /> 兩種方法, 但都無法直接貼出上面的 code.
<pre />: 要把當中 < 改成 < , 否則會出問題。
<script />: 本來是最接近成功的, 但最後一段的 </script> 還是會出事.
詳情請看: http://alexgorbatchev.com/SyntaxHighlighter/manual/installation.html
.
我只係加左幾隻 language (JavaScript, Java, SQL, VisualBasic 同埋 XML, 有需要可以自己再加其他 brush 去增加佢 support 既 language. 有關其他可用既 brush, 可以去呢度睇:
http://alexgorbatchev.com/SyntaxHighlighter/manual/brushes/
(4) 之後發表文章時, 在中間加入 program code, 只要轉去 HTML 版面, 前後加上 <pre ...> ..</pre> 就可以了. 例如家陣呢個 page, 上面有段 HTML code, 就係用左 <pre class="brush:xml" name="code">:
(*) 既然個 blog 係為 Arduino 而生, 就整番段標準既 empty sketch 結尾喇:
void setup() {
// put your setup code here, to run once:
}
void loop() {
// put your main code here, to run repeatedly:
}
沒有留言:
張貼留言