在部落格放上程式碼片段 SyntaxHighlighter

前幾天在看別人的程式碼的時候
突然發現到 SyntaxHighter 這個東東

IPohone 3G comes to Taiwan 來台灣囉

昨日在逛 Mobile01 的時候看到這篇文章
[快訊]iPhone 3G今(28)日公佈搭中華電信資費方案 8GB售價0元起
IPhone 3G 來台灣囉
中華電信 mPro 商務網站上的 IPhone 頁 http://www.mpro.net/iphone
不過費率方面有點嚇人
在 Mobile01 上面一堆人在討論
由我看來，如本身通話量大且經常使用手機上網的人購買最划算
因為他的三個方案都要一定要會有 行動上網
由其是前兩個方案，都必搭 mPro
顯示中華電信強迫推銷他們的上網服務。
ZDNet 上的文章 觀察：從iPhone費率看出了什麼？ 也點明了
我看到 Mobile01 有人拿美國的費率來比較，
並且說台灣的 IPhone 算是便宜的了
但因為各國的物價及使用方式並不相同
我覺得這很難去比較是不是真的比較便宜

全民公投的思考

全民公投 ~ 尚親ㄟ線上投票網
http://www.myvote.com.tw/

這個網站可以讓使用者自行訂出議題
由大家來投票並且討論

在這個政治混亂的時代
或許大家應該多提提自己的想法
不要再隨著政府及媒體波動
每個人提出一些想法，多拿出一些佐證
我們才能創造新的社會

現在台灣政府不管藍綠或者其他政黨，都有其團體組織
各自有他們的人脈以及媒體
但他們掌握的權力太大
使得我們沒辦法看清他們在做什麼
的確一個國家是需要政府
但是我認為政府不應該是決定政策的單位
而應僅只是執行政策的單位
政策應該交由人民來決定，那就是你和我

大推!! Windows Live Writer

最近小弟開始寫起部落格
一邊寫一邊找好用的工具
好像寫程式的人都喜歡用簡便的工具吧
然後就看了幾篇文章
很多人都說 Windows Live Writer 不錯用
然後我也下載啦
真的不錯耶

首推這個

在撰寫網誌的同時就可以看到背景
感覺很好，不然背景太單調啦

另外，看上面的功能鍵就知道，整個編輯區和網誌編輯的功能一樣
超. 級. 方. 便.
使用這個也比較不會有在網頁編輯網誌時遇到的一邊麻煩的問題
像是上傳圖片

是的，沒有錯，只要拉進來就好了
在完成網誌之後，發佈之時，他會自動幫你上傳到圖片儲存空間。
真的是 超. 級. 方. 便.

其他零零總總還有許多好用的功能
日後有人有興趣的話，我再一一介紹囉。

在 Blogger 的文章裡加入程式碼

今天想在文章裡加上程式碼
然後再加以說明
記得以前有看過別人的部落格的文章裡面有很漂亮的程式碼框框
有人甚至做到可以按一下鈕就將程式碼複製起來放在剪貼簿

所以我就 Google 了一下「Blogger 文章 程式碼」
發現到這個網站的文章 Blogger 邊學邊做 - 在blogger文章中顯示程式碼區
有這一段

CODE {
display: block; /* fixes a strange ie margin bug */
font-family: Courier New;
font-size: 8pt;
overflow:auto;
background: #f0f0f0 url(http://klcintw.images.googlepages.com/Code_BG.gif) left top repeat-y;
border: 1px solid #ccc;
padding: 10px 10px 10px 21px;
max-height:200px;
line-height: 1.2em;
}

但是我貼到<head>裡面之後發了一篇文章試試，發現字距變太大了
一直調整 line-height 都不能改，於是就跑到 Blogger 的設定裡調整「字型和顏色」
這才發現 Blogger 只有六種字型 >_<

其中並沒有 Courier New，只有 Courier
因此，我只好把這段CSS 碼的font-family改成 Courier 
看的就比較順眼了

再把背景色跟框的顏色調整一下，就很符合我原本部落格的色調了。
但是還有一個問題，那就是總不能一直利用別人的圖檔呀！
本來想要用上傳圖片的方式，再從Picasa 抓出來用
沒想到只把background 的 url 改成從Picasa 抓，會變糊，一點美感都沒有
因此上網 Google 了一下「免費 圖片空間」
在 免費資源網路社群 找到了一個看起來還不錯用的空間叫 mojoImage
整個操作超級方便又快速
打開 mojoImage 首頁

按下「瀏覽…」，選擇電腦裡要上傳的圖片
再按一下「Upload」就出現

把其中的「Share」的 Code 複製起來，貼到我的 CSS Code 裡

結果就完成啦，範例如下 CODE  {
  display: block; /* fixes a strange ie margin bug */
  font-family: Courier;
  font-size: 8pt;
  overflow:auto;
  background: #000000 url(http://www.mojoimage.com/free-image-hosting-00/6087Code_BG.png) left top repeat-y;
  border: 1px solid #333333;
  padding: 10px 10px 10px 21px;
  max-height:200px;
  max-width:650px;
  line-height: 1.2em;
} 我覺得還不錯看啦 ^^.