我第一次用 Claude 生出一個漂亮的網站,超興奮,結果傳給朋友卻被回一句「打不開欸?」。那時才懂:把網站「做出來」,跟讓它「上線」,根本是兩回事。

這篇我用最白話的方式帶你搞懂「部署」,再手把手教你用 派比(Pipee) 把 AI 做的網站,變成一個誰都打得開的真實網址。一句話介紹派比:它就是一個讓不會寫程式的人也能一鍵部署上線的服務,官網在 pipee.tw

👉 想跳過原理,直接看手把手教學?點這裡

🎬 30 秒看懂(影片)

什麼是「部署」?為什麼 AI 做的網站打不開

AI 吐給你的網站,本質上就是一包檔案(HTML、CSS、JavaScript),它躺在你電腦的資料夾裡。你自己打得開,是因為它跑在你這台電腦上。

關鍵觀念:localhost(也就是 127.0.0.1)永遠指「你正在用的這台電腦自己」。所以你把 localhost 的網址傳給別人,他的 localhost 是他自己那台,當然看不到你的東西。

所謂「部署(Deploy)」,就是把這包檔案搬到一台 24 小時不關機的伺服器、再配一個公開網址,讓全世界都連得到。為什麼要 24 小時開機?因為你的筆電會關機、會睡眠、IP 還會變,沒辦法當門面。傳統做法要碰指令、Git、網域、HTTPS 憑證,小白第一關就被勸退。Pipee 就是把這整段變成「丟進去、按一下」。

為什麼你需要一個「自己的」網站

社群是租來的,網站是買來的。IG、FB 的貼文,平台說不給看就不給看;網站是你自己的地盤,內容會一直累積,而且 Google 搜得到。給合作對象一個自己的網址,也比「請看我 IG」專業得多。更別說賣課、接案、導購、收名單,最後都需要一個能落地的頁面。

網站上線有哪些選擇?部署方式比較

方式 難度 費用 適合誰
自架伺服器(VPS) 高,要會敲指令 月費 想完全掌控的工程師
架站平台(Wix 那類) 低,但被模板綁死 月費偏高 完全不想碰程式的人
Vercel / Netlify 中,要會用 Git 有免費額度 已經有點基礎的人
派比(Pipee) 最低,丟資料夾按一下 親民 手上是 AI 生成檔案的小白

如果你手上就是「AI 工具吐出來的一包檔案」,最順的是 Pipee,因為它連 Git 都不用碰。

手把手教學:用 Pipee 一步步部署你的網站

大方向就三件事:把程式碼貼進去、取個名字、按部署。下面用實際畫面一步步走一遍,照著點就會。

步驟 1|先把介面切成中文

派比 Pipee 右上角切換中文介面

派比部署是支援中文的。一進到 pipee.tw,先看右上角的語言選單,點一下切到中文,整個介面就會變成中文網站。對小白來說,先切中文再開始,後面每一步都看得懂,不會卡在英文。

步驟 2|按右上角「開始部署」

點右上角開始部署進入控制台

介面右上角有一顆「開始部署」,點下去它會把你帶進控制台。第一次進來會要你先登入,這邊先選「登入」繼續。

步驟 3|還沒帳號?點下面的「立即註冊」

登入框下方選立即註冊

如果你是第一次用,當然還沒有帳號。在登入框的下方找到「立即註冊」,點它去開一個新的。

步驟 4|填資料,完成註冊

填寫註冊資料

照欄位把該填的資料填一填,送出之後帳號就建好了,而且會直接幫你登入,不用再回去登一次。

步驟 5|在控制台選「Code Paste」

控制台選擇 Code Paste

登入後會看到控制台。小白最簡單的方式,就是選「Code Paste」這個選項,直接貼程式碼,不用搞懂任何指令。

步驟 6|把 GPT 給你的 HTML 貼上去

清掉預設 CSS/JS,貼上自己的 HTML

進到編輯區後,把預設範例裡的 CSS 跟 JS 內容清掉,然後把 GPT(或 Claude)給你的 HTML 整段貼進去就好。一頁式的網站,通常一個 HTML 檔就搞定。

步驟 7|左下角幫網站取個英文名

左下角替網站命名英文名稱

看左下角,幫你的網站取一個英文名字。這個名字會變成你網址的一部分,建議簡短、好記、全小寫。

步驟 8|部署完成,網站上線!

回到控制台看到部署成功上線

回到控制台,就會看到你的網站已經部署成功、正式上線了!把那個網址複製起來,傳給誰都打得開。

補一個好用的:如果你的網站不只一個檔案(有資料夾、好幾個檔),Pipee 也支援直接把整包 ZIP 拖進去上傳,一樣一鍵部署。

👉 立即到 pipee.tw 把網站上線

免費架站可行嗎?

可以,我蠻推薦新手先從免費開始。很多平台都有免費額度,Pipee 也能讓你先免費把網站掛上去測水溫。免費方案通常差在:能不能綁自己的網域、流量上限、會不會被插廣告、自訂功能多寡。先用免費把東西丟上線、確認方向對,再升級綁網域,最不浪費。

想從零打造自己的網站?完整路線圖

如果你連網站都還沒有,我自己的順序是:① 想清楚網站要幹嘛 → ② 用 AI 把頁面生出來 → ③ 部署上線(就是這篇)→ ④ 接上自己的網域與流量分析 → ⑤ 持續產內容做 SEO。每一步我之後都會慢慢展開成專文。這篇你先把第 3 步「上線」過了,就已經贏過一大票卡在「本機打得開、別人打不開」的人了。

覺得自己刻太麻煩?直接用模板開站

老實說,用 AI 一行一行刻、再貼上來部署,雖然自由,但也是要花時間的。如果你只是想趕快有一個能用、又能收客人資料(預約、訂單)的網站,Pipee 還有更快的一條路:挑一個現成模板,改成自己的內容,直接上線,連前台、後台、收資料的後端都幫你準備好了。

我把整個流程寫成另一篇,照著做就會:

👉 直接用模板開站,看這篇