Sunday, December 04, 2011

如何在 Blogger 突顯程式碼 (SyntaxHighlighter)?

在 Blogger 上寫文章時, 若有要列出程式碼時, 想要突顯程式碼時該怎麼辦呢?
原本找到這篇的方法:
[筆記]在文章裡顯示優質的程式碼區
但是仍覺得不夠好, 總覺得缺了點什麼!
後來又再度尋找, 終於讓我給找到了..
原來是 SyntaxHighlight !!
參考著這篇 SyntaxHighlighter 的官網
在這官網中點選 integration 後, 即有許多教學方法
我是點選其中第一篇 Adding a Syntax Highlighter to your Blogger blog
就成功的試出我想要的效果!
另外若是預設沒有想要的語法時, 可以參考此篇,
All Syntax Highlighter 2.0 brushes collected, described and downloadable
這會有新增一些語法或客制化語法的方法!
最後, 若是有問題時, 也有 google groups 討論區可以去爬文,
看有沒有其他人有遇到相同的問題
syntaxhighlighter google groups

這真的還滿好用的!
下面就試一下最經典的 Hello World! :)


C 的 Hello world!
#include <stdio.h>

int main(void)
{
    printf("Hello world!\n");
    return 0;
}
Java 的 Hello world!
public class helloworld {

 /**
  * @param args
  */
 public static void main(String[] args) {
  // TODO Auto-generated method stub
  System.out.println("Hello world!");
 }

}
Shell 的 Hello world!
echo "Hello world!"

No comments: