跳至主要内容

重新設計:極簡部落格

· 閱讀時間約 3 分鐘

靈感

昨天看到了「How to make a website in 5 minutes」這篇文章。

突然覺得可以重新設計一版架構,選擇用我喜歡的方式,設計一個非常、非常簡單,功能也完整的部落格架構。

極簡部落格(Demo)

網站架構

最基本的頁面就只有:

  • 首頁
  • 文章列表
    • 文章頁面
  • RSS Feed

架構如下:

blog/
├── index.html # 首頁
├── feed.xml # RSS Feed
├── assets/ # 放全站通用的資源
│ └── style.css # 網站樣式
└── posts/ # 文章目錄
├── index.html # 文章列表頁面
└── 2026-01-01-first-post/
├── index.html # 文章頁面
└── img.webp # 文章圖片

我最早的部落格

我最早的部落格更是離譜,就只有一個頁面:

  • 首頁(文章全部放在這)
blog/
├── index.html # 首頁
└── style.css # 網站樣式

為什麼當初要把文章都塞在 index.html?

我在這篇文章其實有提到過了。

我的「貼文」很短,通常就一兩行而已,感覺沒必要做成單獨頁面。而且如果首頁和內頁都要顯示全文,就等於要維護兩份一模一樣的內容。

而且如果共用區塊有改動,所有文章檔案都要跟著改,這樣維護起來也不太實際。再加上要取英文 slug、要管理檔案命名、要按日期排序...

種種理由加起來,我的藉口就是:「一開始只想做最簡單的可行方案,不想搞得太複雜」。

那麼...沒有做獨立頁面會有什麼問題?

最明顯的就是文章數量越來越多,首頁的長度真的會太長。我原本想用「年度分頁」來解決,但這樣一來 RSS 的文章連結就要每年換一次,不太合理。

而且沒有獨立頁面的話,要分享或引用單篇文章也很不方便,對讀者和搜尋引擎(SEO)都不太友善。


現在回頭想想,首頁根本不需要顯示全文,只要有文章列表就好,一般人都是用 RSS 訂閱,會來網站上的人也會從列表上挑感興趣的文章來讀。

我當初應該是想模仿社群平台一篇一篇貼文可以直接看的感覺才這樣做的。(原本讀者只有我自己)

至於「共用區塊」的部分,其實有很多方法可以解決:

  • 引用 JS 的方式去實現共用區塊(但我沒有很喜歡這個方式,個人偏好問題
  • 共用區塊只放一些確定幾乎不會改的,例如網站首頁的連結
  • 寫一個簡單的 Python 腳本去批次修改,或者文字編輯器其實也做得到
  • 就算真的沒改到,其實也不會怎樣,維持原樣也沒關係
  • 只放返回按鈕就好了,沒有共用部分

那我這次是怎麼解決這個問題的呢......?當然是「只放返回按鈕」啊,夠簡單吧!

教學示範

我可能會再重新寫一篇(或多篇)文章,詳細講一下我是怎麼一步步建立出來的(有需要嗎),以及這樣設計的想法是什麼。

我甚至已經在示範部落格裡面寫了幾篇教學文章,直接把專案抓下來,邊用邊參考也沒問題。