我怎麼把網站架起來
七月初，我給自己設了截止日：月底前，terrichen.com 一定要上線。
原本的舊網站是架在 Notion 上面，到現在即將滿一年。由於我使用 Notion 很多年了，早已習慣它的介面與使用邏輯，當初架在這裡完全是因為方便管理，不過後來發現，有些功能還是很難設定，而且版型必須遷就 Notion 的內建模式。另外，在 SEO 方面被搜尋的機率也不高。
因此，在 Notion 付費版即將到期之前，我做了個決定，那就是停掉付費版，用 Claude Code 自行架設網站。
我沒有程式背景，但是對於學習程式很有興趣，而且在使用新平台方面也很容易上手。雖說這樣不太應該先碰架站，但整件事做下來我慢慢發現，常常讓我卡住的不是技術問題，是有沒有先把事情拆清楚。
在這邊要先感謝熟悉前端與網頁架設的朋友，她給了我很多指引，也協助我在 Cloudflare 部署網站、搬遷部落格文章，還告訴我注意事項，這讓我跟 Claude Code 協作時省事很多。
先想清楚要蓋什麼樣的網站再開工
架站聽起來是設計跟寫程式的事，但我花最多時間的地方在最前面，也就是內容要放什麼、頁面區塊怎麼安排順序、希望訪客點進網站後怎麼讀…等等之類的規劃思考。這個階段不需要寫任何一行程式，卻是決定後面所有事的關鍵。企劃沒想清楚就開工，通常做到一半就得打掉重練。
其實網站的架構非常簡單，除了首頁一進來的 flow 安排之外，分頁只有兩個：「部落格」以及「關於我」，色系也是很極簡的定義，黑、白、淺米三種基本色調，奶油黃作為 highlight。
話雖如此，在開工前，我還是手動畫了流程圖，並且把需要做的工作記錄到 Notion 的專案規劃表，方便追蹤進度。
這中間有些 CTA (call to action) 需要技術上的設定。免費諮詢需要串接 Tally 問卷並導到 Calendly 預約時段；訂閱電子報與免費資源下載需要串接 MailerLite，而且要設定填寫表單與後台自動化導流方式（必須遷就免費版的功能限制）。另外就是內容的撰寫，網頁本身的文字我改了兩版就確定，但是三份免費下載的資源，我花了很多時間跟 Claude 來回討論，將近一週才完成。
整個過程中，我差點忘記要設定 email routing，由於我申請了一個新的 gmail 帳號，但是想要用網域作為 alias account，因此也參考 YouTube 影片教學，完成設定。
在幾個關鍵時刻，慶幸我在一開始有準備流程圖，思慮不清的時候可以回頭看看自己在哪裡迷路。
外觀、上架、部署，一關一關過
網站的皮直接交給 Claude Code 做，事先確認好自己要的版型樣式、風格、色調、字型、架構之後，寫一份詳細的 prompt 給 Claude，必要時可以附上參考網頁。Claude 做好之後會讓你預覽，確認沒問題便能將整包放上 GitHub，再部署到 Cloudflare。
這些名詞跟流程，我在開工前都不熟。但我努力學習，把每一關都拆開來看，而這些其實就是一個個的小任務：搞懂要什麼、弄清楚步驟，做完驗證、修改、定稿。把這些看似複雜的工作當成是專案裡的一個個節點來處理，就沒那麼嚇人。
累積五年的文章搬家
最花力氣的是搬部落格。我把 Notion 上一百多篇文章，連同卡片盒筆記的關聯，全部轉進 Obsidian；朋友幫我把全部文章一次搬到新站。
由於原本在 Notion 上的文章就有卡片盒筆記的連結，這些主題連結到了 Obsidian 也不能斷，因此請 Claude 做一份網址對照表，讓舊連結對得到新網址，我一篇篇人工核對。這件事沒什麼技術需求，但非常考驗細心跟耐性。只要有一篇沒對到，就會出現無效連結。
不只外觀，還要能順利運作
由於規劃了諮詢服務的問卷與預約方式，以及免費資源的內容跟寄送方式、訂閱電子報的機制，這些要用 MailerLite 這類工具設定模板與自動化流程，讓人留下 email 之後能收到內容。最後一步，裝上 Google Analytics，這樣在網站上線後，才看得到有沒有人來、進來後做了什麼。
頁面區塊排序改了很多次
網站大約完成 70% 時，我重新檢視版型跟文字，認為原本的規劃有些不太適合，因此改了不少次。一開始會有點「怎麼又要改」的自責想法，後來就慢慢接受了，想想隨著完工階段的到來，想法會變本來就是會發生的事。但我提醒自己，改的時候盡量一次只動一個地方，看完整體效果，不滿意再調整。
真正讓這件事成立的，是把它當成一個專案
現在回顧整個過程，不懂程式設計的我，靠著萬用的 Claude Code 以及朋友的協助，也默默完成了架站工作。而真正讓一個沒程式背景的人能在時限內收工的關鍵，我覺得是有沒有把一件大事拆成小事、排出順序、盯著時限走完。
架站對很多人來說像一道高牆，但現在有了 AI 工具的協助，加上如果你平常就習慣用專案管理的方式來看事情，這道牆已經沒有想像中那麼高。
感謝您的閱讀！如果想支持我繼續產出好文章，可以點此連結，請我喝杯咖啡 ^_^
有任何回饋或疑問，請寄信到 hello@terrichen.com，我都會回信。