你有沒有試過這種情況：腦海裡明明有個很棒的想法——可能是幫自己的小店做個訂購頁、幫社團做個活動報名表、或者單純想開個部落格寫寫東西——但一想到「要架網站」，就卡在「我不懂程式」這四個字前面，然後默默把念頭收回去？

過去這確實是道門檻。但 2026 年的現在，情況已經完全不同了。這篇文章要帶你走一遍完整的流程：如何用 AI 工具，從「一句話描述你的需求」開始，到最後真的生出一個可以分享給朋友、可以放上網址的網站。整個過程不需要你寫一行程式碼，也不需要你搞懂什麼是伺服器、什麼是 DNS——這些我們會用最白話的方式解釋。

而且我會特別針對香港和台灣讀者會遇到的實際狀況來寫，例如免費資源怎麼選、中文內容的排版要注意什麼、以及怎樣才不會做到一半發現「啊，這個要付錢」。

為什麼現在用 AI 架網站，跟以前差這麼多？

先講一個觀念。以前的架網站流程大概是這樣：你要先學 HTML 跟 CSS 排版，再學一點 JavaScript 讓按鈕可以動，然後去研究 WordPress 或自己寫後端，最後還要處理主機跟網域。對一個只想放三頁內容的人來說，這條路長到讓人放棄。

現在 AI 工具做的事情，是把「你想表達什麼」跟「電腦要怎麼執行」之間的翻譯工作接走了。你只要用中文說清楚你要什麼，AI 就會吐出對應的網頁程式碼。你甚至不用看得懂那些程式碼——只要會複製、貼上、存檔，網站就成形了。

這對香港和台灣的小店主、自由工作者、社團幹部來說，意義特別大。因為你們最缺的從來不是想法，而是時間。一個週末下午，就足以把一個能用的網站做出來。

第一步：用 AI 產出網站骨架，怎麼問才對？

這一步是整篇文章的核心。很多人用 AI 做網站失敗，不是因為 AI 不夠強，而是因為問法錯了。

錯誤的問法是：「幫我做一個網站。」AI 會回你一個很通用、很無聊的範本，你看了也不會想用。

正確的問法是「角色 + 內容 + 風格 + 限制」四件事講清楚。例如你可以這樣對 Claude 或 ChatGPT 說：

「你是一位擅長一頁式網站的設計師。請幫我做一個香港手沖咖啡工作室的單頁網站，包含店名、三款招牌咖啡介紹、營業時間、地址、以及一個 Facebook 聯絡按鈕。風格要溫暖、米色調、字要大一點方便手機閱讀。請輸出完整的 HTML 檔，CSS 寫在同一個檔案裡，不要用外部連結。」

你看，這樣一問，AI 給你的東西立刻就能用。差別在哪裡？「一頁式」定義了規模，「香港手沖咖啡工作室」定義了內容，「溫暖米色調」定義了風格，「CSS 寫在同一個檔案」定義了技術限制——這條尤其重要，因為單一檔案讓你不用管資料夾結構，存成一個 .html 就能開。

小技巧：如果你不確定自己要什麼風格，可以先跟 AI 說「給我三個不同風格的版本讓我選」，它會一次吐三份，你挑喜歡的那份再繼續微調。這比來回改十次快得多。

第二步：把 AI 給的程式碼變成真的網站

拿到程式碼之後，很多人會愣住：「然後呢？」其實超簡單。

打開電腦的記事本（Windows）或 TextEdit（Mac），把 AI 給你的整段程式碼貼進去，存檔時檔名取作 index.html，存檔類型選「所有檔案」而不是 .txt。然後用瀏覽器打開這個檔案——你的網站就在眼前了。

如果你用的是手機，也可以先用 Google Docs 或備忘錄貼上，再傳到電腦處理。不過老實說，這一步用電腦會順很多，建議找台電腦來做。

這時候你可能會發現一些小問題，例如某段文字太長、某個按鈕位置怪怪的。沒關係，直接回去跟 AI 說：「把地址那一段的字縮小一點，按鈕改成圓角。」它會給你更新後的完整檔案，你再重新存一次就好。這個來回調整的過程，就是所謂的「迭代」，也是 AI 架站最舒服的地方——你不需要知道怎麼改，你只需要知道你想改成什麼樣子。

第三步：免費放到網路上，讓別人真的連得到

本機的 index.html 只有你自己看得到。要讓朋友、客人連得到，你需要「託管」跟「網址」這兩件事。

託管方面，2026 年對新手最友善的選擇是 Cloudflare Pages 跟 GitHub Pages，兩者都有免費方案，而且流量不大的個人網站完全夠用。操作邏輯都一樣：註冊帳號、建立一個專案、把 index.html 上傳上去、按下部署。幾分鐘後你就會拿到一個像 yourname.pages.dev 這樣的免費網址。

網址方面，如果你只是要分享給朋友，免費的子網域就很夠了。但如果你是要做生意、要印在名片上，建議花點小錢買個自己的網域，例如 .com 或 .hk，一年大概幾百塊港幣或台幣。買好之後在託管平台設定一下，就能把網址指過去。

這裡有個香港台灣讀者特別要注意的點：如果你會用到中文字型，記得在程式碼裡指定系統中文字型（例如「Noto Sans TC」或直接讓它 fallback 到系統預設），不然在某些裝置上字會變成奇怪的方框。這是最常見的「明明電腦看得到、手機卻壞掉」原因。

第四步：三個讓網站「看起來不像 AI 做的」的調整

AI 生成的網站有個通病：乾淨、正確、但有點無聊。要讓它有自己的味道，做這三件事就夠了。

第一，換掉預設的配色。AI 很愛用藍紫漸層，那是 2023 年的味道了。你可以去 Coolors 這類配色網站挑一組自己喜歡的，把程式碼裡的顏色碼換掉。第二，放一張真實的照片。AI 給的通常是佔位圖，換成你自己拍的產品照或環境照，質感立刻不同。第三，改文案。AI 寫的中文有時候會有點「翻譯腔」，把它改成你平常講話的方式，網站就會活起來。

這三步加起來大概半小時，但效果比你想像的大很多。因為讀者感覺得到的不是技術，是「這個人真的有在用心」。

常見問題

Q: 完全不懂程式，真的做得出來嗎？

A: 可以。整篇文章的流程裡，你唯一需要動手的技術動作是「複製、貼上、存檔」，這三個動作在任何電腦教學裡都是最基礎的。真正的關鍵在於你有沒有把需求講清楚，而不是你懂不懂程式。

Q: 用 AI 做的網站，之後要改內容怎麼辦？

A: 最簡單的方式是把原本的程式碼留著，回去跟 AI 說「我要把營業時間改成早上九點到晚上八點」，它會給你新版本，你再重新上傳一次就好。建議你開一個資料夾專門放這些檔案，並且每次改動都存成不同版本，這樣出錯還能退回上一版。

Q: 免費託管會不會突然被砍掉？

A: Cloudflare Pages 和 GitHub Pages 的免費方案對個人網站來說非常穩定，只要你的內容不違反平台規範（例如大量盜版或惡意內容），一般不會有問題。真正的風險反而是你自己忘了帳號密碼，建議註冊時就用常用信箱。

Q: 這樣做的網站，Google 搜尋得到嗎？

A: 可以，但要另外做兩件事。第一，在程式碼的 head 區塊加上 title 跟 meta description，告訴 Google 你的網站是什麼。第二，去 Google Search Console 提交你的網址，請它來收錄。這兩步做完，通常幾週內就會出現在搜尋結果裡。

Q: 香港或台灣的讀者，網域該買 .com 還是本地網域？

A: 如果你的客群主要是本地人，.hk 或 .tw 會讓人感覺更親切、也更容易被信任。如果是做跨境生意或內容為主，.com 的通用性最好。預算有限的話，先用免費子網域測試市場反應，確定要長期經營再買網域也不遲。

延伸閱讀

結語：你缺的不是技術，是開始

回頭看整個流程，你會發現真正花時間的不是技術，而是「想清楚自己要什麼」。AI 已經把執行的門檻降到幾乎為零，剩下的就是你有沒有坐下來，好好描述一次你的想法。

今天就可以試試看：打開 Claude 或 ChatGPT，用我上面示範的那個問法，描述一個你一直想做但沒做的網站。不用追求完美，先做出一個能打開的版本。你會發現，那個卡在你心裡很久的念頭，其實離實現只有一個下午的距離。