派比部署教學:3 分鐘快速擁有自己的網站
我第一次用 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.tw,先看右上角的語言選單,點一下切到中文,整個介面就會變成中文網站。對小白來說,先切中文再開始,後面每一步都看得懂,不會卡在英文。
步驟 2|按右上角「開始部署」
介面右上角有一顆「開始部署」,點下去它會把你帶進控制台。第一次進來會要你先登入,這邊先選「登入」繼續。
步驟 3|還沒帳號?點下面的「立即註冊」
如果你是第一次用,當然還沒有帳號。在登入框的下方找到「立即註冊」,點它去開一個新的。
步驟 4|填資料,完成註冊
照欄位把該填的資料填一填,送出之後帳號就建好了,而且會直接幫你登入,不用再回去登一次。
步驟 5|在控制台選「Code Paste」
登入後會看到控制台。小白最簡單的方式,就是選「Code Paste」這個選項,直接貼程式碼,不用搞懂任何指令。
步驟 6|把 GPT 給你的 HTML 貼上去
進到編輯區後,把預設範例裡的 CSS 跟 JS 內容清掉,然後把 GPT(或 Claude)給你的 HTML 整段貼進去就好。一頁式的網站,通常一個 HTML 檔就搞定。
步驟 7|左下角幫網站取個英文名
看左下角,幫你的網站取一個英文名字。這個名字會變成你網址的一部分,建議簡短、好記、全小寫。
步驟 8|部署完成,網站上線!
回到控制台,就會看到你的網站已經部署成功、正式上線了!把那個網址複製起來,傳給誰都打得開。
補一個好用的:如果你的網站不只一個檔案(有資料夾、好幾個檔),Pipee 也支援直接把整包 ZIP 拖進去上傳,一樣一鍵部署。
免費架站可行嗎?
可以,我蠻推薦新手先從免費開始。很多平台都有免費額度,Pipee 也能讓你先免費把網站掛上去測水溫。免費方案通常差在:能不能綁自己的網域、流量上限、會不會被插廣告、自訂功能多寡。先用免費把東西丟上線、確認方向對,再升級綁網域,最不浪費。
想從零打造自己的網站?完整路線圖
如果你連網站都還沒有,我自己的順序是:① 想清楚網站要幹嘛 → ② 用 AI 把頁面生出來 → ③ 部署上線(就是這篇)→ ④ 接上自己的網域與流量分析 → ⑤ 持續產內容做 SEO。每一步我之後都會慢慢展開成專文。這篇你先把第 3 步「上線」過了,就已經贏過一大票卡在「本機打得開、別人打不開」的人了。
覺得自己刻太麻煩?直接用模板開站
老實說,用 AI 一行一行刻、再貼上來部署,雖然自由,但也是要花時間的。如果你只是想趕快有一個能用、又能收客人資料(預約、訂單)的網站,Pipee 還有更快的一條路:挑一個現成模板,改成自己的內容,直接上線,連前台、後台、收資料的後端都幫你準備好了。
我把整個流程寫成另一篇,照著做就會:
