跳至主要内容

我的網站是怎麼做的

https://i.meee.com.tw/mrPis3g.png

網站前端使用 Docusaurus 建置,原始碼放在 GitHub 管理,並透過 Cloudflare Pages 自動部署。

首頁、文章和近況主要使用 MDX 撰寫,方便編輯文字、圖片與其他內容。留言板則使用 React(JSX)搭配 CSS Modules 自行開發,包含留言表單、留言列表和依照暱稱分配顏色的頭像。

留言板的後端使用 Google Apps Script,資料儲存在 Google 試算表。訪客可以輸入暱稱和留言,網站會讀取既有留言並將新留言寫入試算表,最新留言會顯示在最上方。

整體架構以免費或低成本的服務為主,不需要另外租用伺服器,就能兼顧文章管理、網站部署與基本的互動功能。

總結:整體來說技術門檻很高,在遇到 C 大師之前我也完全不懂。如果是沒做過(任何形式)網頁、沒用過 VS Code、不知道什麼是 GitHub,那千萬不要第一次就上這個。此外,選擇 Docusaurus 因為是 Wiwi 和 其筆隨想 的同款。我宣布將 10/24 訂為紀念日,因為這個日子有種讓人很想做個網站的魔力。