小鰻的Android學習筆記: 在Google Blogger使用程式碼標註「SyntaxHighlighter」

Wednesday, August 11, 2010

一、前言

資訊業版的部落格常常需要貼上程式語法，
但文字和程式碼黏成一塊，
對觀看的讀者來說實在是很吃力的一件事。

因此筆者在這邊推薦一套程式語法的「高亮」標註工具︰
SyntaxHighlighter。

一起來看看它的魅力吧！

將下列程式碼複製到你的Blogger中的在[範本]→[網頁即時狀態]→[編輯HTML]→"<head>"標籤底下

註︰因為Blogger的一些BUG，在貼上上述的code並儲存時可能會遇到您的 HTML 不被接受: 缺少結尾的標記: SCRIPT 之類的警語，請修改成對應的語法。

如何寫漂亮的程式框架和程式呢？
將下面這段寫在你的html頁面中
如果你的程式標註使用的是JAVA︰

程式碼寫在這裡...

如果你的程式標註使用的是C++︰

程式碼寫在這裡...

如果你的程式標註使用的是javascript︰

程式碼寫在這裡...

如果你的程式標註使用的是objective-c︰

程式碼寫在這裡...

如果你的程式標註使用的是shell︰

 
程式碼寫在這裡...

如果你的程式標註使用的是html︰

 
程式碼寫在這裡...

如果你的程式標註使用的是純文字︰

 
程式碼寫在這裡...

如果還想知道更多語法的用法，
可以參考SyntaxHighlighter官網。

可以參考官網教學，
將上面

改成其它的.css主題檔。

1.不要看到行數

 
程式碼寫在這裡...

執行結果如下

程式碼寫在這裡...

2.不要看到右邊的問號

 
程式碼寫在這裡...

執行結果如下

程式碼寫在這裡...

3.替特定行數畫下重點

 
程式碼第1行
程式碼第2行
程式碼第3行

執行結果如下

程式碼第1行
程式碼第2行
程式碼第3行