距離上次改版將近一年，沒想到 De Morgan 可以用這麼久 :p 這次改版有幾個原因：

1. 我在某次更新時忘了備份標題圖片，而標題圖片對 De Morgan 來說是不可或缺的，所以在正式改版前，我還用了一段時間的 Binadamu ，用了之後才發現不使用 Grid 概念的話，看起來真的會很亂。
2. 其實我大概半年前就開始想要改版了，只是一直作不出滿意的 Mockup。
3. 最近 Proposal 剛結束，很閒 XD

Download

• SVN Repository
• Live Demo

Preface

De Morgan 是本 blog 自二月起使用的新 theme ，並不是我厭倦了前一個 theme ，而是因為當時發生了一個讓我很沮喪的事件。

De Morgan 這個標題來自數學家 Augustus De Morgan ，但是老實說它跟棣莫根定理一點關係也沒有，設計靈感主要是來自 De Morgen 這份比利時報紙，我一開始把這份報紙的名稱記成 De Morgan ，所以將錯就錯，便把 theme 也命名為 De Morgan 了 XD

Introduction

De Morgan 的最大特色是首頁與內頁的頁首不同，而且單篇文章頁面的 <h1> 是該篇文章的標題，而不是網站名稱，這樣語意比較適切，也對 SEO 比較好。

嗯… 除此之外好像沒有其他重點 orz

自賀！ :p

目前資料部份已發現一個地方沒轉好：迴響時間都變成我轉移資料當時的時間了 XD 下次再來處理這個問題。

我又換 Theme 了。

“Unfair” 使用了 7 個月左右，算是… 中等壽命 XD 她的特色是頭版只有一篇，這是優點也是缺點——優點是讓我想放上頭版的文章不會很快的被其他雜文洗掉，缺點則是瀏覽方式不符合一般使用者習慣，舊文比較難被翻出來。我在這個 Theme 上作了很多新的嘗試，例如熱門標籤雲、相關標籤雲、友善的錯誤頁面、不同的最近迴響顯示方式，還有從來沒面世過的文章彙整等等，在 Theme 裡面卻寫了很多 PHP code ，雖然有點噁心，但我很喜歡她的功能性。

我翻閱過去時，重新發現了 KrESCENT ，於是決定下次要來重寫一個 KrESCENT 。這次的 “Selenium” 主要參考了 KrESCENT, Moo-Point 和 Blueprint ，寫完後先用在我的另一個 blog 上，本來是沒打算讓這邊也變成這樣的，最後更換的原因則是…… 我最近把 Firefox 預設字型不論 Sans-Serif 還是 Serif 全設成微軟正黑體，這樣對 “Unfair” 來說字就太小了…… XD ¹

這次的 Theme 因為剛好只用到非常少量的圖片，因此我給她加入了漸變效果（但是我沒有讓對比愈來愈低，純粹是隨時間變色而已）。起初這功能是寫成 Hard code ，現在改成 Plugin ，不啟用此 Plugin 的話就只是不會變色， Theme 不會因此壞掉。另外在 “Unfair” 用過的熱門標籤雲、相關標籤雲²、相關文章³這些功能也都改寫成 Widget ，所以這次的 “Selenium” 功能性差不多，卻完全沒有 Hard code 呢！

整體而言我覺得 “Selenium” 是一個用 Plugin 堆起來的 Theme ，她的 Loading 好重喔～ XD ⁴

最後是講解標題時間，前面提過 “Selenium” 是 “KrESCENT” 的延續，這次的名稱當然要跟「月」有關係囉！ Selenium 是化學元素「硒」，而這個字源於希臘文 Σελήνη ，其意為月亮或月之女神。

計票結果在這裡，因為平常沒在看部落格觀察，找這名單找了好久。（結果後來發現 WordPress 的 Dashboard 上就有了…）

其實六月底時我就從流量統計上發現有人從藍眼觀注的投票頁面連過來，但是我連過去時發現根本沒有我的選項，還以為是靈異事件 XD 接下來我因故脫離網路了幾天，剛才看見風痕影的留言才知道我得了藍眼觀注。

老實說本格不是第一次入圍藍眼觀注。

我也很納悶為什麼會這樣，本格在部落格觀察有兩個 ID ，一個的網址是 blog dot bcse dot info ，另一個是 blog dot bcse dot info dot ，在最後多了一個點… 其中沒點的排名高很多（相差近千），上次曾入圍過但沒人賜票，這次有點的入圍了，而且竟然順利得到藍眼觀注，真是太出乎我的預料了啊～ XD

–

寫完這篇後發現風痕影也有相同情況… 他的是一個有斜線一個沒斜線，而且他獲得藍眼觀注的也是那個有斜線的廢棄網址 XD

I redesigned again

這是一篇早就想要寫的文章，談談目前的這個「新設計」——二月底就已經上線了，現在才要介紹啊… XD

這次的新設計運用到許多我有興趣的新元素：方格系統、大型頁尾、動態排版、棄分類而就標籤、語意網/微格等等。

Grid System

方格系統看起來像是一個容易僵硬的設計方法，但我覺得它的實用價值完全足以彌補它的缺點。使用方格系統可以讓文章排版整潔、容易閱讀，而且便於改成動態排版。我最近在《寫給大家的平面設計書》也學到了「對齊」的重要，方格系統雖然沒有特別說要對齊，但是事實上就是對齊得很嚴重的排版 XD

我覺得愈單純的設計就愈困難，為了符合方格系統，副標題的設計讓我嘗試了一段時間，起初我讓副標題只是單純的字體較大、兩倍行高，但副標題如果上、下段落距離相等的話，就會讓副標題與後段文字比較沒有連結的感覺，因此我在副標題上方還多加了一行空白。這部份之所以不好調整，是因為方格系統必須有固定的行高，就像是橫行筆記本那樣，整張網頁都要跟同樣高的橫線對齊，然後為了對齊橫線，文字擺放位置，空白的大小就有所限制，調整了一段時間才覺得這樣比較順眼。

方格系統在選擇字型方面必須非常嚴謹，因為少了裝飾，就必須用 Typography 來彌補。

Prologue

我本來以為可以待在 DreamHost 更久，但大約一個月前發生了一件事，只好被迫搬出來，情況跟 XDite.net 發生的差不多。於是這個月我的網管相關知識增進了不少，真得感謝 DreamHost… orz

Blog 的資料庫我有作每日備份，所以我到 Gmail 信箱取得備份後資料救回來了， Gmail 資料庫備份真是惠我良多，平常資料庫爆炸時也都是靠它救回來的。我的 bcse.info 網域名稱並非放在 DreamHost ，原因很簡單的只是懶得從先前的主機商 Burning-G 那裡 transfer 過去，之前其實曾經考慮過要 transfer 過去的，但是想一想就忘了，所以算是運氣不錯 XD

Domain Name

趁著這次事件，我順便也去向 Burning-G 要求自行管理 domain name ， Burning-G 使用的是 eNom 系統，只要我在 eNom 或 eNom 任何一個下線註冊好帳號， Burning-G 便能把管理權限 push 給我，這個 push 的動作只是在 eNom 系統內部的轉移權限，不算 transfer ，所以不需額外付費，如果我是要轉移到其他 registrar ，例如 Go Daddy, Network Solutions 等，就需要付 transfer 的費用，也等於是在新的 registrar 上續約。（老實說這一段我不確定）