最近常常在內容網站平台 Medium 閱讀文章的關係,想要替自己的部落格做類似的畫面呈現,同時也想把自己平常在用的 pelican theme 做的更完整,然後貢獻到社群給更多人使用,因此有了這一次的改版計畫。

這次改版前前後後花的時間也是約兩週多,網站設計風格參考了很多 Medium 的設計風格,希望能帶來更好的瀏覽體驗。

主要更新如下:

  1. Pelican 升級到 4.5.0,依然支援自動部屬
  2. Pelican theme 支援變數,移除 hardcode
  3. 更完善的 css3 設計,重新設計 media queries
  4. 不同於過去移除 bootstrap 依賴,加入 bootstrap-grid 做索引文章時的畫面呈現
  5. 調整 article info 和 index info 的結構,強化 RWD 的支援
  6. 加入 cover 和 cover_caption 的設計,讓撰寫文章更有彈性
  7. 移除 sharethis 和 facebook app 等不實用的功能

最後依舊要替新舊網站的設計留個截圖,為這次改版做個記錄。

舊網站設計的截圖

image

新網站設計的截圖

首頁

image

分類

image

文章

image