在轉到Hexo之前，我一直都在使用這個私用主題 Phase，曾經承諾過我用膩了就公開發佈，於是今天就有這篇文章了。

這個主題是以 Slash 為基礎開發的，所以大部分的特性都繼承下來了，除了 Responsive Design 和 Twitter Live Stream 以外。

  • Phase Beam 動態背景
  • 自動讀取圖片的alt屬性，並在圖片下方顯示註解。
  • 內建 Fancybox，讓您輕鬆展示您的作品。
  • 自動將 HTML5 video、iframe、object等嵌入式影片縮放至頁面寬度。
  • 預覽…

Phase Beam 動態背景的效果非常絢麗，但是也非常吃資源，電腦或瀏覽器效能不佳的使用者開啟時可能會當機，至於IE8，你何時產生了我曾經積極支援過它的錯覺？

安裝

Octopress 版本：

cd octopress
git clone git://github.com/tommy351/octopress-theme-phase.git .themes/phase
rake install['phase']
rake generate

為了推廣 Hexo，順便把主題移植過去了，往後的主題開發都會以Hexo為主，但仍會以MIT License開放原始碼，想要在Octopress使用的人可以自行開發移植版本。

cd hexo
git clone git://github.com/tommy351/hexo-theme-phase.git themes/phase

Hexo版本安裝後別忘了將_config.yml內的theme參數調整為phase。

FAQ

Octopress版和Hexo版有什麼差別？

  • Octopress版沒有相簿（photo）和連結（link）兩種布局
  • 部分樣式的微妙差別
  • Octopress速度比較慢

如何編輯選單？

  • Octopress版本：編輯source/_includes/custom/navigation.html。
  • Phase版本：編輯_config.yml的menu參數。

如何關閉Fancybox？

對於Chrome來說，同時執行Phase Beam和Fancybox的動畫似乎是一件很吃力的事情，所以你也可以選擇關閉Fancybox功能。

  • Octopress版本：刪除source/_includes/after_footer.html的第1行。
  • Hexo版本：_config.yml的fancybox參數調整為false。

如何關閉Phase Beam？

我覺得用Phase還關閉Phase Beam實在是一件很沒有意義的事情，關閉了Phase Beam的Phase就只是一個背景黑漆漆的Slash而已，沒有任何特色，相較於Slash還少了一些功能，但是我還是稍微說明吧。

  • Octopress版本：刪除source/_includes/after_footer.html的第2行。
  • Hexo版本：刪除layout/_partial/after_footer.ejs的最後一行。

如果還有其他問題或想法，歡迎在下方留言。