2026 AI 網站部署怎麼做？不會寫程式也能讓網站真正上線、全世界都連得到

前言

AI 幫你做好的網站，傳給朋友卻打不開？因為它還只活在你的電腦裡。這篇用 Claude Code 開發、Git 存檔、捕夢網買網域、Zeabur 部署四步驟，帶不會寫程式的你把網站真正上線，讓全世界都連得到。

可愛機器人角色按下發布按鈕，把瀏覽器視窗中的網站送上連接全世界的網路節點，象徵不會寫程式也能把 AI 網站部署上線 — 用 AI 做好網站只是第一步，讓別人連得到才算真正上線。

AI 幫你把網站寫好了，為什麼別人還是連不到？先看懂部署四步驟全景

很多人第一次讓 AI 生出網站，會誤以為畫面能在螢幕上跑，就等於「上線」了。事實上兩者差得遠：網站能跑起來，跟全世界連得到，是兩件完全不同的事，中間差的那段，就是這篇要處理的。

「做出網站」和「網站上線」到底差在哪？

「做出網站」是指程式碼在你的電腦裡正常運作、畫面顯示正確；但這時候的網址通常是 localhost:3000，白話講就是「只有這台電腦自己聽得懂的地址」。電腦一關、或換一台裝置打開，都連不到。

「網站上線」則是把這份網站搬到一台全年無休、全世界都能連上的電腦，再配一個好記的網址。做到這一步，別人才真的看得到你的成果——這篇的四個步驟，就是在做這件事。

瀏覽器網址列顯示 localhost:3000，代表這個 AI 做的網站還只在本機執行，只有自己看得到 — 網址列出現 localhost，就是這個網站還沒上線、只有你自己看得到的證據。

四個步驟、四個工具，各自在做什麼

這四步分別會用到四個工具，先給你一張全景，等下逐一展開：

Claude Code（開發）：把網站本體做出來——也就是你已經做好的那個成品。
Git／GitHub（存檔）：把專案存一份到雲端，部署平台等下要從這裡取件。
捕夢網（買網域）：買一個屬於你的網址，換掉又長又難記的預設網址。
Zeabur（部署）：把網站搬上一台永遠開機的伺服器，接上網域，正式對外開放。

AI 網站部署四步驟流程圖：Claude Code 開發、Git 推上 GitHub、捕夢網買網域、Zeabur 部署上線 — 四步驟全景：從只有你看得到，到全世界都連得到。

開始之前，你手上要先有一個做好的網站

這四步的起點，是你已經用 AI 把網站做到能在自己電腦跑起來的階段。如果還停在「想做但沒動手」，這篇會有點跳——AI 怎麼從零把網站生出來、怎麼一輪輪對話修改，是另一篇的主題，我之前寫過一整篇。

📖 延伸閱讀：AI 網站開發怎麼開始？不會寫程式也能打造專屬自己的網站

第一步：先確認你用 Claude Code 做的網站，在自己電腦跑得起來

部署前的第一件事不是急著上傳，是先把網站在自己電腦完整跑過一遍。這步不重複教怎麼開發，而是幫你確認起點沒問題——把一個有毛病的版本推上線，之後更難查。

為什麼你現在的網站「只有你看得到」？

用 Claude Code 做好、在電腦上打開來看的時候，其實是你的電腦自己充當了一台臨時伺服器，只放給你自己看。這台臨時伺服器的地址是 localhost，意思是「本機」，沒有對外開門，網路上其他人根本連不到。你把這個網址傳出去，對方只會看到空白或錯誤畫面——這不是壞掉，是本來就只跑給自己看，等確認沒問題才會走後面三步。

上傳前先做一次「開機自檢」

把網站在本機跑一輪，點過主要畫面和按鈕，確認沒有紅字報錯、圖片文字都正常。哪裡怪怪的，直接把畫面截圖、把錯誤訊息貼回 Claude Code，請它幫你抓問題、順手修掉，現象丟給它就好，你不用自己看懂錯誤訊息。

確認網站在自己電腦沒問題，這一步就完成。接下來要把整份專案交給 Git 保管，才有得搬家。

第二步：用 Git 把專案存檔、推上 GitHub，部署平台才抓得到

這是四步裡最容易被跳過、卻最不能省的一環。Git 不只是存檔，它是Zeabur 等下唯一抓得到你網站的橋樑——沒接這步，後面的部署根本接不上。

Git 在部署這件事裡，到底扮演什麼角色？

你可以把 Git 想成「能無限復原的存檔點」，每存一次就記錄下當下的完整樣子，改壞了隨時倒回去。但在部署這件事上，它還有第二個更關鍵的身分：GitHub 是放程式碼的雲端空間，Zeabur 之後就是直接去 GitHub 把你的網站抓下來部署。先把專案推上 GitHub，Zeabur 才有東西可拿。

這些指令一樣不用自己背，跟 Claude Code 說「幫我把這個專案接上 Git、推到 GitHub」，它會一步步帶你做完，包括建倉庫、存檔、上傳。

📖 延伸閱讀：git 倉庫是什麼？文組開發者血淚經驗分享：我被 AI 改爛專案後，才終於搞懂版本控制

為什麼要推上 GitHub，不是存在自己桌面就好？

存在桌面的資料夾只有你這台電腦有，電腦壞了、資料夾誤刪，網站就沒了。更現實的是，部署平台根本讀不到你桌面的東西。GitHub 這個雲端空間一來是異地備份，二來是「機器也讀得到」的公開門口，Zeabur 才能自動過來抓。這也是為什麼專業開發習慣把程式碼放 GitHub，不是只存本機。

這一步做完，你得到什麼？

做完這步，網站等於多了一份雲端副本，隨時能被部署平台取用。接下來幫它準備一個好記的門牌——去買一個屬於自己的網域。

第三步：在捕夢網買一個專屬網域，換掉落落長的預設網址

部署平台通常會先給你一個免費網址，但那種網址又長又難記。想讓網站看起來像一回事，你需要一個買網域來的專屬網址。這步用台灣的捕夢網示範，介面中文、金流也是台灣人熟悉的方式。

網域是什麼？就是你在網路上的門牌

網域（domain）是別人找你網站時，網址列打的那串名字，例如 yourname.com。把整件事想成開店：Zeabur 那台永遠開機的電腦是店面，網域就是門口的門牌號碼。沒有門牌，客人靠一長串地址也能找到你（就是那個落落長的預設網址），但有了好記的門牌，別人才記得住、才願意再回訪。

網域就像網路上的門牌，把落落長的預設網址換成好記的專屬網址 — 網域就是你的網路門牌：把又長又難記的預設網址，換成好記的專屬網址。

在捕夢網怎麼買？選 .com 還是 .com.tw、大概多少錢

流程很單純：到捕夢網的網域頁面，搜尋框輸入你想要的名字，系統會告訴你還能不能註冊；可以的話加入購物車、結帳付款，網域就是你的了。付款要注意，捕夢網不收 ATM 轉帳和超商繳款，只能線上刷卡，或先儲值「捕夢網金幣」再扣。

捕夢網網域申請頁面，搜尋框輸入想要的網址名稱，右側可勾選 .com、.com.tw 等不同網域後綴查詢 — 捕夢網的網域搜尋頁面：輸入名字、勾選後綴，查詢後就知道能不能註冊。

後綴挑一個就好，這是最花猶豫的地方，用一張表幫你決定：

網域後綴	適合誰	大概價格	備註
.com	個人品牌、作品集、國際通用	一年約 400 元起	最通用、最好記，首選
.com.tw	台灣公司、在地商家	一年約 600～800 元	註冊需要公司統編或身分證
.tw	想要台灣識別、名字被 .com 搶走時	一年約 600 元	比 .com.tw 短一點

不確定就選 .com，一年幾百塊、最通用，選這個最不會出錯。

買之前，先知道這幾件事

有幾個小地方第一次買容易卡住，先講給你聽：

先付先贏：下單沒付款，捕夢網不會保留這個網址，誰先付款誰就擁有，喜歡的名字要盡快下手。
.tw 系列要證件：買 .com.tw、.net.tw 這類，依規定要填公司統編或身分證；個人買 .com 沒有這個限制。
記得續約：網域是「每年租」不是「買斷」，到期沒續約就會被別人搶走。捕夢網會在到期前分幾次寄信提醒，別忽略。

網域買好，四塊拼圖只剩最後一塊：把網站真正搬上線，再把網域綁上去。

第四步：用 Zeabur 把網站部署上線，還能綁上你的網域

來到最後一步：網站部署。做完這步，網站就從「只有自己看得到」變成「全世界都連得到」。這步用 Zeabur，因為它幾乎是為了「不想碰伺服器設定的人」而生的。

Zeabur 是什麼？為什麼你不用自己養一台伺服器

要讓網站 24 小時對外開放，背後需要一台永遠開機的電腦（伺服器）。自己租伺服器、裝環境、設定，對不會寫程式的人是一大負擔。Zeabur 是台灣團隊做的雲端部署平台，把這些麻煩整包做掉：你只要把 GitHub 上的專案交給它，它會自動判斷網站用什麼技術做的、自動裝好環境、自動跑起來，你完全不用寫任何設定檔。Zeabur 本身還是要付費（有免費額度可以先試跑），但它把架設、環境、維護整包做掉，比自己租一台伺服器來管便宜、也省心得多。

接上 GitHub，一鍵自動部署

實際操作比想像中短：用 GitHub 帳號登入 Zeabur，建一個新專案，選「從 GitHub 匯入」，點選你剛推上去的那個網站專案。Zeabur 會自己抓程式碼、自己建置，幾分鐘後給你一個能打開的網址。這時候網站已經真的上線了，只是網址還是那組又長又醜的預設網址。

Zeabur 部署流程：從 GitHub 匯入專案、自動建置、產生網址、綁定捕夢網買的網域 — Zeabur 從 GitHub 抓程式碼、自動建置上線，最後綁上你的專屬網域。

📖 延伸閱讀：n8n 從 0 到 40 分入門攻略：Zeabur 雲端部署 x 8 大基本節點全解析

透過 Cloudflare，把捕夢網買的網域綁到網站上

最後一步，讓你買的網域指向這個網站。這裡會多用到一個免費工具 Cloudflare：網域是在捕夢網「買」的，但「網域要指去哪」這件事交給 Cloudflare 管會更順，還能順便幫網站加上連線加速和 https 安全鎖。

做法拆成三小段：先到 Cloudflare 註冊、把網域加進去，它會給你兩組「名稱伺服器」網址；回捕夢網後台，把網域的名稱伺服器改成 Cloudflare 給的那兩組；接著到 Zeabur 專案設定裡找「網路」分頁，把買好的網域填進去綁定——Zeabur 這邊是調整網域要接到哪個服務。Zeabur 會給你一組指向設定（DNS 記錄），最後把它填進 Cloudflare 的 DNS 記錄頁面（不是捕夢網），網域的指向設定要在這邊登記，三邊就接起來了。

Cloudflare 的 DNS 記錄頁面，右上角「Add record」新增記錄按鈕以紅框標示；畫面中的帳號與實際記錄內容因隱私與安全考量已模糊處理 — 網域的指向設定要在這邊登記：Cloudflare 的 DNS 記錄頁面，把 Zeabur 給的指向設定貼進來。

Zeabur 專案的網路分頁，公有網路區塊把 aiqkangber.com 綁定到服務的 HTTP 8080 埠 — Zeabur 這邊調整：專案的「網路」分頁把買好的網域綁定給對應的服務。

這裡要有心理準備：DNS 設定不會馬上生效，可能要等幾分鐘到幾小時。這段時間打開網址看到空白是正常的，不是設錯，等它「傳開」就好。生效之後，別人打你的專屬網址，就會直接看到你的網站。

上線之後，你改一次，網站就自動更新一次

部署接上 GitHub 之後，想改內容只要請 Claude Code 改好、重新推上 GitHub，Zeabur 會自動偵測到、自動重新部署，不用再手動上傳一次。改文字、換圖片、加頁面，都是「改完推上去，線上就更新」。

四步驟聽起來簡單，但網域怎麼買、DNS 要接去哪、幾個平台之間怎麼串起來，還是常常卡住人，怕設錯讓網站掛掉更麻煩。如果你想跳過摸索、直接把網站穩穩地送上線，交給懂的人一次處理更省心。

看 AI 網站開發與部署服務怎麼幫你做

常見問題 FAQ

Q1：網站部署上線這一段，完全不會寫程式的人自己做得到嗎？

做得到。四個步驟裡，真正需要打指令的只有「接 Git、推 GitHub」，這段可以整個交給 Claude Code 帶你做——你負責把想做的事說清楚，它負責把指令打出來。買網域是填表單，Zeabur 部署是點按鈕，兩個都不用碰程式碼。真正的門檻不是技術，是把這四步的順序搞懂，這篇已經幫你排好了。

Q2：買網域＋Zeabur 部署，一年大概要花多少錢？

最省的組合是：一個 .com 網域一年約 400 元起，Zeabur 有免費額度可以先跑小型網站，之後依用量升級（入門方案大約每月幾美元）。也就是說，一個個人作品集網站，一年幾百到一千出頭台幣就能養著。比起請人架站動輒上萬，這個成本讓「自己做一個網站」變得很實際。

Q3：一定要自己買網域嗎？用 Zeabur 附的免費網址不行嗎？

可以先用免費網址，網站功能完全一樣。差別在觀感和記憶度：免費網址通常又長又帶平台名稱，別人不好記，看起來也比較像練習作。如果只是自己測試、給少數人看，免費網址夠用；但只要你想拿去放名片、給客戶、或當正式作品集，一個 .com 專屬網域會讓整體質感差很多，一年幾百塊很值得。

Q4：網域綁好了，為什麼打開網址還是一片空白、連不到？

最常見的原因是 DNS 還沒生效。在 Cloudflare 填完指向設定後，這個「新門牌對應到哪」的資訊要花時間傳遍全世界的網路，短則幾分鐘、長則幾小時，這段時間看到空白是正常的。先別急著改設定，晚點再開；如果超過一天還是不行，再回頭檢查 Zeabur 給的那組設定有沒有填錯。

Q5：以後每次想改網站內容，都要重新部署一次嗎？

不用手動做。只要部署是接著 GitHub 的，之後的更新就是一條龍：請 Claude Code 改好內容 → 推上 GitHub → Zeabur 自動偵測、自動重新部署。你唯一要做的是「把改好的版本推上去」，剩下的線上更新它自己完成。這也是為什麼第二步要好好把 Git 接起來，之後改網站會一直很輕鬆。

總結

把 AI 做好的網站真正推上線，其實就是四塊拼圖：用 Claude Code 把網站做出來、用 Git 存進 GitHub、在捕夢網買一個專屬網域、再用 Zeabur 部署並綁上網域。這條路最難的從來不是技術，而是先分清楚「做出網站」和「網站上線」是兩件事——想通這件事，剩下的每一步都只是照著做。不會寫程式沒關係，你要會的是把需求說清楚、把四個工具依序串起來，卡住的地方交給 AI 幫你補。

如果你不想自己一步步摸索網域、DNS 和部署設定，想要有人直接幫你把網站穩穩送上線，歡迎看看我們怎麼協助你把 AI 開發與自動化落地成實際成果。