Brickverse
免費講座實戰班課程包班戰鬥營文章
首頁免費講座實戰班課程包班戰鬥營文章
合作信箱:[email protected]
官方 LINE
© 2026 Brickverse. All rights reserved.

做完產品,然後呢?用 Zeabur 五分鐘把網站上線

2026 年 3 月 17 日8 分鐘
Zeabur部署PaaSSide Project教學
  • Zeabur 是什麼?
  • 部署之前:先租一台伺服器
  • 什麼是伺服器?
  • 要花多少錢?
  • 四步驟把作品放上網路
  • Step 1:建立專案
  • Step 2:選擇「本機專案」
  • Step 3:把資料夾拖進去
  • Step 4:拿到你的網址
  • 總結

你用 AI 寫好了一個網站,在自己的電腦上跑起來了,看起來很不錯。

然後你想把連結傳給朋友看,或是放到作品集裡——但問題來了:別人打不開你電腦上的 localhost。

你的網站目前只活在你的電腦裡,關掉電腦就沒了。要讓任何人、任何時候都能透過一個網址打開你的作品,你需要把它「部署」到網路上。

這篇文章教你用 Zeabur 這個平台,四個步驟就把你的作品放上網路,讓全世界都看得到。


Zeabur 是什麼?

Zeabur 是一個台灣團隊做的部署平台。你可以把它想成「幫你把作品放到網路上的服務」。

Zeabur 首頁

它最大的特色是內建 AI——你把檔案丟上去,AI 會自動幫你搞定所有技術細節。你不需要懂任何伺服器的知識,整個過程就像把檔案上傳到雲端硬碟一樣簡單。

Zeabur 幫你處理的事情:

  • AI 自動設定:上傳檔案後,AI 會自動判斷你的專案類型,幫你設定好一切
  • AI 助理:遇到問題可以直接用中文問 AI,它會幫你解決
  • 自動產生網址:部署完就有一個網址可以分享給別人
  • 安全連線:你的網址自動就有安全鎖頭(HTTPS),不用額外設定

部署之前:先租一台伺服器

在把作品放上網路之前,你需要先有一台「伺服器」。

什麼是伺服器?

簡單來說,伺服器就是一台 24 小時不關機的電腦,專門用來跑你的網站。就像你開一間店需要租一個店面,把網站放到網路上就需要租一台伺服器。

Zeabur 已經幫你整合好了各家伺服器供應商,你只要挑一個方案、付月費就好,不需要自己去設定。

要花多少錢?

比你想像的便宜很多:

伺服器價格列表

方案 地點 月費 適合誰
Tencent Cloud 新加坡 $2/月(約 NT$65) 個人作品、練習用
Hetzner 美國 $5/月(約 NT$160) 想要穩定一點的
Alibaba Cloud 香港 $8/月(約 NT$260) 需要亞洲地區快速連線

Brickverse 讀者專屬折扣

購買伺服器時,輸入折扣碼 brickverse,即可享有 20% 折扣!

以最便宜的方案為例,原價 $2/月 → 折扣後只要 $1.6/月,一年不到 $20 美金(約 NT$640)就能擁有一台專屬伺服器。


四步驟把作品放上網路

伺服器買好之後,接下來就是把你的作品部署上去。跟著截圖一步一步做就好。

Step 1:建立專案

登入 Zeabur 後,點擊右上角的「建立專案」。

Zeabur 專案列表

選擇你剛剛買好的伺服器,按「建立專案」。

建立新專案 - 選擇伺服器

Step 2:選擇「本機專案」

進入專案後,點左邊的「建立服務」,會跳出一個選單:

新增服務選單

選擇「本機專案」—— 直接從你的電腦上傳檔案進行部署。

Step 3:把資料夾拖進去

選好之後會出現一個上傳區域:

拖曳上傳畫面

打開你電腦的檔案管理員,找到你的專案資料夾,直接拖進瀏覽器的這個區域就好了。

上傳之後,Zeabur 的 AI 會自動幫你處理所有設定。等畫面上顯示「運作中」,就代表部署成功了。

Step 4:拿到你的網址

最後一步,幫你的網站綁定一個網址。點擊「網路」分頁:

網域設定

你可以:

  • 用 Zeabur 提供的免費網址:格式是 你取的名字.zeabur.app,馬上就能用
  • 用你自己的網址:如果你有買網域(例如 myapp.com),也可以在這裡綁定

設定好之後等大約 30 秒,把網址傳給朋友,他們就能看到你的作品了!


總結

從「AI 幫你寫好程式碼」到「朋友打開網址看到你的作品」,整個流程就是:

  1. 建立專案 → 選伺服器
  2. 建立服務 → 選「本機專案」
  3. 拖曳上傳 → AI 自動搞定
  4. 綁定網址 → 30 秒後上線

就這麼簡單。不需要懂任何技術名詞,把資料夾拖進去就好。

別忘了折扣碼!

購買 Zeabur 伺服器時輸入 brickverse,立享 20% 折扣。最低 $1.6/月起,比一杯超商咖啡還便宜。

延伸閱讀

  • Gemini Canvas 教學 2026:從零到部署的完整操作步驟
  • AI 寫程式的趨勢與機會:深入分析發展趨勢與應用場景
  • 用 Claude Code 的 /ship 指令一鍵部署到 Zeabur
Willy / 柏燁

Willy / 柏燁.Brickverse 創辦人

擁有超過 6 年程式教學經驗,專注於 Vibe Coding 教學,幫助非工程背景的初學者透過 AI 輔助開發掌握實戰技能。 致力於降低程式開發的門檻——讓每個人都能用自己的母語描述需求,把想法變成真正能用的產品。

最後更新:2026年3月17日

  • Zeabur 是什麼?
  • 部署之前:先租一台伺服器
  • 什麼是伺服器?
  • 要花多少錢?
  • 四步驟把作品放上網路
  • Step 1:建立專案
  • Step 2:選擇「本機專案」
  • Step 3:把資料夾拖進去
  • Step 4:拿到你的網址
  • 總結