啊～我越來越喜歡自己的 blog 了。

這幾天心情不好，就把我的 blog 的皮脫光光，然後亂換 theme 玩弄之。之前的 theme 有以下幾個問題：

  • 在 firefox 下列印，會讓 firefox 當掉。後來單獨測試 sandbox 原始官方版，也會讓 firefox 當掉。
  • 因為本人糟糕的 css 功力，只懂得照 manual 操課，不曉得怎麼迴避 IE 的 bug，所以畫面在 IE 上看來，非常地糟糕。

我對 theme 的目標依然不變：

  • 浮動寬度 (fluid width)：網頁不是畫板，不應該是固定大小，而該能夠隨著瀏覽器的大小，而顯示出最適合閱讀的樣貌。
  • 二欄式 (2-column)：因為我的文章常常又臭又長，單欄式設計時，meta 得放在最下面，使用不方便，放在最上面又會佔據第一眼的空間。又因為我的程式常常要塞程式碼，三欄式設計的話，本文欄位通常會不夠寬。所以，二欄式設計較適合我。
  • 邊欄在左 (sidebar-on-left)：因為程式碼都是 left-to-right 由左至右，又因為可能會有很長的內容，若邊欄放在右邊，就會和太長的程式碼衝突，互相遮蓋。所以邊欄要放在左邊。
  • 主文在前 (main-content-first)：在 html 原始碼裡，主文內容應該擺在輔助內容的前面，有助於 SEO。這點與邊欄在左 (sidebar-on-left) 相衝突，因為 html 原始碼裡再前面的內容，會顯示在左邊，故必須要 CSS 技巧矯正。
  • 雜誌封面式首頁 (magazine-styled homepage)：我想要拋棄 log 式排排站的首頁，僅在首頁依據最近發表的內容，如雜誌封面般地顯示。
  • …其他。

首先我先重新尋找，看有沒有符合需求的佈景主題，最後挑中了以下幾個：

  • Classic Beauty：在 IE6 下有問題。
  • Indigo：在 IE6 下有問題、右邊欄。
  • JustSimple：這個 theme 我最喜歡，可惜在 IE6 下還是有問題，左邊欄會跑到下面，應該是 box model 的關係，但我不會修。
  • Rational：在 IE6 下有問題。
  • Right Blue：在 IE6 下沒有問題，可是顏色太豔了，看久了眼睛不舒服。
  • SandPress：也是很讚的 theme，目錄下只有圖檔跟一個 CSS 檔，只靠 CSS 就可以弄得這麼漂亮，厲害。在 IE6 下沒有問題，可惜是右邊欄，我不會修成左邊欄。

最後乾脆自己來，到網路上找到一個左邊欄的寫法，然後就著東修西改，最後被我弄出來了。在 IE6 看已經不會亂七八糟了，雖然還是有些小地方不太對勁，但至少能看了。爽。