AI 與自動化
做一個品牌網站，真的需要一開始就花大錢嗎？我用 AI、GitHub、Cloudflare 試了一種方法
一個低成本、可以持續修改、原始碼也能自己保留的網站方案。但它不是一鍵完成，也不是每個人都適合。
一個低成本、可以持續修改、原始碼也能自己保留的網站方案。但它不是一鍵完成，也不是每個人都適合。
最近我花了一些時間，把自己的 SuiK. 個人品牌網站整理好並部署上線。
現在的 AI 已經可以幫忙做很多網站開發工作。以前要自己處理的版型、互動、程式修改，現在常常只需要先說清楚需求，再讓 AI 協助執行，自己負責確認結果。
但當我真的把 ChatGPT、GitHub 和 Cloudflare 串起來之後，突然想到另一個問題：
如果只是想要一個展示作品、介紹服務、讓客人找到自己的網站，真的需要一開始就花一筆錢委託客製化開發嗎？
這篇不是要證明我發明了新的 AI 建站技術。已經有不少整合式 AI 建站工具，可能比我這套流程更方便。我想分享的是自己實際做過的一種選擇，以及它的優點和代價。
我想解決的，其實不是「怎麼寫網站」
假設你是一位美髮設計師。
你可能已經習慣在 Instagram 分享髮型作品，用 LINE 接受預約，偶爾再從 Facebook 告訴客人最新消息。
你需要的網站，可能只是這些內容的共同入口：一段自我介紹、作品照片、服務項目、聯絡或預約方式。
這些需求很實際，但不見得需要一套複雜的後台、會員系統或資料庫。
所以我想先從三件事開始思考。
1. 省下初期網站設計與開發費用
這是最直觀的目的。
對個人品牌或小型商家來說，如果只是展示型網站，可以先請 AI 協助做出第一版，再依實際需求逐步調整，不必一開始就負擔完整的客製化開發成本。
但「低成本」不是「完全零成本」。AI 可能有使用額度或訂閱費，自己的網域通常需要付費，複雜功能也可能需要其他服務。
2. 以後想改什麼，直接告訴 AI
例如：
- 「幫我把首頁換成奶茶色系。」
- 「新增一區短髮作品集。」
- 「把 LINE 預約按鈕放在更明顯的位置。」
如果 AI 能取得網站專案的必要授權，就可以協助修改程式碼，再把更新發布出去。
重點不是完全不需要判斷，而是讓使用者不必為了每次小修改，都從頭學網站技術或重新找人協助。
3. 把網站與自己的作品留在手裡
Facebook、Instagram、YouTube 可以幫助我們被看見，但它們畢竟是別人的平台。帳號可能遭到停權，規則可能改變，流量也可能突然受到影響。
我希望自己的品牌網站可以成為一個更穩定、由自己管理的入口。
所以我把網站原始碼放在 GitHub，也希望重要的文章、照片原始素材都能另外保留備份。
這裡要說清楚：GitHub 不會自動備份你所有的社群貼文，也不能替你保住粉絲、留言或觸及。 GitHub 本身同樣是服務平台，因此重要檔案最好再留一份本機或其他備份。
我想做的不是放棄社群，而是讓社群負責曝光，自己的網站負責集中作品、介紹和聯絡入口。
社群讓別人找到你；自己的網站，讓你累積的內容更容易被持續使用。
我目前使用的三個工具
| 工具 | 主要用途 |
|---|---|
| ChatGPT | 說明需求，協助產生、修改與檢查程式碼 |
| GitHub | 保存完整網站原始碼與版本紀錄 |
| Cloudflare | 託管網站，並在 GitHub 更新後自動部署 |
我選擇把三件事拆開，是因為不想讓「使用哪一個 AI 工具」和「網站必須放在哪個平台」完全綁在一起。
這樣做會增加第一次設定的步驟，但換來的是較容易理解每一份原始碼在哪裡、之後怎麼搬遷或交給其他工程師接手。
大致操作流程
下面是我想讓非工程背景使用者也能照著走的流程。第一次使用是否真的足夠簡單，還需要實際測試。
- 準備帳號。 註冊或登入 ChatGPT、GitHub 和 Cloudflare。AI 必須具備實際修改專案原始碼的能力；各工具可用功能依帳號與方案而異。
- 描述網站需求。 告訴 AI 網站名稱、風格、需要哪些頁面或區塊，以及訪客應該如何聯絡你。可以附上喜歡的網站或參考圖片。
- 保存到 GitHub。 依官方授權流程，讓 AI 在指定 Repository 建立網站原始碼。不要把密碼或 API 金鑰直接貼到對話裡。
- 連接 Cloudflare。 從 Cloudflare 的網站部署介面匯入 GitHub Repository，依專案設定完成建置與公開部署。有些網站可能仍需確認建置指令或設定檔；遇到這些欄位，再請 AI 指引。
- 實際驗收並試著改版。 打開公開網址，檢查手機畫面、照片、選單、預約連結；再讓 AI 修改一個小地方，確認 GitHub 與線上網站都真的更新。
Cloudflare 可以先提供免費子網域，例如 *.workers.dev。等真的想長期經營品牌，再決定是否購買自己的網域；不需要在第一次練習時就先花錢。
給 AI 的需求範例
我是一位美髮設計師，想做自己的作品網站。希望風格簡潔、溫暖，手機瀏覽也要舒服。網站需要自我介紹、髮型作品、服務項目，以及 Instagram 和 LINE 預約連結。請幫我建立網站，把完整原始碼保存在我的 GitHub，並協助部署到 Cloudflare。需要本人操作授權的部分，請逐步告訴我，其他能協助完成的部分請直接處理，最後列出實際完成與尚未驗證的項目。
這段文字是示範，不是保證一句話就能自動完成所有授權與部署。
這套方式不一定適合所有人
這一點我覺得必須坦白講。
現在已經有 Lovable、Bolt.new、v0 等整合式 AI 建站工具，有些也支援 GitHub。假如你最在意的是「不要研究任何設定，越快上線越好」，它們可能是更合適的選擇。
我目前這套方式的取捨很簡單：
- 換到的好處： 更清楚地保存自己的原始碼、保留日後更換工具與託管服務的彈性，也有機會降低長期固定費用。
- 付出的代價： 第一次需要處理 GitHub 授權、Cloudflare 部署與實際驗收，對非技術人員可能會有門檻。
所以我不會直接說這是「最好的 AI 建站方式」。選擇哪個工具，終究要看你有多少時間、預算，以及希望保留多少控制權。
下一步：找真正沒有技術背景的人測試
我準備邀一位美髮設計師實際操作一次，看看在沒有工程師代操作的情況下，她能不能依照簡短指引建立自己的作品網站。
我想觀察的不是 AI 生成畫面有多快，而是她會不會卡在帳號授權、部署設定、修改流程；完成後，是否真的願意把網站放進自己的社群個人介紹。
「30 分鐘做出網站」是想挑戰的方向，不是目前已經驗證過的保證。
如果測試發現流程太麻煩，那我就應該修正流程，甚至改用對她更合適的工具，而不是要求使用者學會一堆工程名詞。
最後
我覺得 AI 真正令人期待的，不只是讓工程師寫程式更快。
而是讓原本覺得「架網站太貴、太難」的人，也有機會先把想法做成一個可以公開使用的作品。
省下一些成本，花一點時間，換取更多修改自由與內容掌控權。這就是我這次想驗證的事情。
SuiK. — From Ideas to Reality.