在Blogger內加入程式碼高亮-使用Google Code Prettify

之前剛轉換到Blogger來，介紹過一篇使用SyntaxHighlighter來讓程式碼高亮，但用起來始終不那麼順手，或許是因為還要打太多字的關係，要手動指定class="brush:xxx"，實在太麻煩了，而且新版的顯示的方式不是那麼喜歡(還是舊版好)。

所以繼續搜尋，終於找到另外一套google推出的google-code-prettify，可用很簡單的方式讓程式碼高亮，而且可自行調整的地方很多喔!

p.s. 因為google code快要關了，這個專案也改到GitHub去，所以如果底下連結找不到的話，在GitHub上也有喔!

在Blogger內加入程式碼高亮-使用SyntaxHighlighter

因為懶得再續約domain name，所以從自己架的wordpress轉換到blogger來。但麻煩的是wordpress因為自己完全控制，所以自由度很高，但使用別人家的服務，就必須遵守人家的規則。其他美化什麼的都還好，反正這裡是工作筆記，但就因為是工作筆記，放上程式碼是家常便飯，但blogger並沒提供這個功能，於是只好自己搜尋看有沒有什麼方法...

用CSS3+DIV繪圖

其實網路上很多神人早就利用CSS+div來畫圖了，像畫apple的logo、opera的logo、小叮噹(會叫小叮噹的都是有年紀的了…@@)…等等(更多可看看這裡或這裡)~

我也沒想過要自己試試看，但最近寫了全新專案，想說錯誤頁也要自己訂個有個性一點的，所以就自己畫了超陽春，但純CSS的畫面…..

一個CSS3好用的功能「...」

標題的...不是沒打完或無言，是真的就...

有時候我們想限制一個區塊可顯示的字數，如果超過這個字數就用「...」咖掉，以往都要用程式來判斷，現在CSS3只要簡單一行就搞定