你的站現在只有你一個人看得到。這一篇結束時，全世界打開 你的網域 都看得到它——中間的距離，比你想的近。

上一篇網站在你電腦裡活起來了（還沒做的回這裡）。這一篇跨出最後一步：把它推上網路、綁上你的網域。要做三件事——把成品放上 GitHub、接上 Cloudflare 讓它自動上線、綁上你自己的網域。聽起來很工程，但你一樣只是「下指令、點幾下、把畫面回報給 AI」。

怎麼把電腦裡的網站，放到網路上？先存上 GitHub

第一步，先把站搬到一個「線上的檔案櫃」。你的網站現在是一堆檔案躺在電腦裡，要讓 Cloudflare 拿得到、幫你放上網，得先把它放到 GitHub。

你可以這樣對 AI 說： 「幫我把這個網站推上 GitHub，建一個新的 repo。一步一步帶我，每一步我把畫面回報給你再繼續。」

為什麼這樣說：部署這種「一次性、又牽涉帳號授權」的步驟，最容易卡。「一步一步帶我、我回報」是讓 AI 當你的 GPS，而不是丟你一張地圖自己找路。卡住就把畫面或錯誤訊息貼回去。 接下來會發生：它會帶你建 repo、把檔案推上去。中間若跳出「權限不足」或一串 403，別慌——那通常是你的 GitHub 存取金鑰權限不夠。把整段錯誤訊息貼給 AI，它會告訴你去哪裡開權限。不要自己猜。

💡 完全新手看這裡 repo＝一個專案的線上資料夾（放在 GitHub 上）。你的整個網站，就放在一個 repo 裡。 commit／push＝「存檔」然後「上傳到線上」。commit 是在你電腦上記一個存檔點，push 是把存檔點同步到 GitHub。

一個一開始就該做對的決定：公開的站，跟私密的東西分乾淨

這裡要停下來，做一個很多人事後才後悔的決定。

你的電腦上，可能不只這個網站——還有你其他的筆記、草稿、私事。如果你圖方便，把全部東西丟在同一個 repo，又為了上線把它設成公開，那等於連你的私事也一起公開了。

原則很簡單：要公開的站，自己一個獨立的 repo；私密的東西，留在另一個只有你看得到的地方。 兩者分開，井水不犯河水。

你可以這樣對 AI 說： 「我電腦上還有其他比較私密的工作，不想公開。幫我把這個網站抽成一個獨立的 repo，跟我其他東西分開——只有這個網站的 repo 設成公開，其他維持私密。」

為什麼這樣說：主動把「隱私邊界」講清楚，AI 才會幫你架對結構。隱私這種事，寧可一開始就分乾淨；等東西都混在一起、又已經公開了，再回頭收拾會很痛。 接下來會發生：它會把網站獨立出來、設定好哪些公開哪些不公開。你的站見光，你的私事留在暗處。

第二步：接上 Cloudflare，讓它「一推就自動上線」

檔案上了 GitHub，接下來讓 Cloudflare 來「接貨」、自動幫你放上網。

到 Cloudflare → 找到 Pages → Connect to Git → 授權並選你剛剛建的 repo。然後它會問你怎麼「組裝」這個站，照這張表填：

欄位	填什麼
Framework preset（框架）	Astro
Build command（組裝指令）	npm run build
Build output（成品放哪）	dist
Root directory（站在哪個資料夾）	/（若你的站在子資料夾，就填那個路徑）

按下 Deploy，等它組裝一兩分鐘，它會給你一個網址：你的專案.pages.dev。點開——你的站，第一次出現在網路上了。

從這一刻起有個爽點：你以後每次 push，Cloudflare 都會自動重新組裝、自動上線。 寫完一篇文章、推上去，幾分鐘後它自己出現在網站上。你只管寫，發佈它包了。

💡 完全新手看這裡 部署（deploy）＝把你的網站「放上網、讓全世界看得到」的動作。 xxx.pages.dev＝Cloudflare 先免費送你的一個臨時網址，確認站正常用的。下一步我們會把它換成你自己的網域。

第三步：綁上你自己的網域

最後一步，把那個 pages.dev 臨時網址，換成你上一篇買好的網域。

在 Pages 專案裡找到 Custom domains（自訂網域） → 輸入你的網域 → 確認。如果你的網域也是在 Cloudflare 買的，它會自動幫你設好 DNS、自動簽好 SSL，你幾乎什麼都不用做。

（至於要不要也綁一個 www. 開頭的版本？可以略過，直接用主網域就好，乾淨。）

💡 完全新手看這裡 DNS＝網路的電話簿。它把你的網域名（solosystem.cc），對應到實際存放網站的地方，別人打網址才找得到你。 SSL＝網址前面那個小鎖頭、那個 https。它幫你的網站加密、讓瀏覽器信任你。聽起來很專業，但 Cloudflare 自動幫你弄好，你只要看到鎖頭出現就對了。

你的站，上線了

打開你的網域。全世界，現在都看得到你蓋的這座宮殿了。

你從「只有我電腦看得到」，走到「掛著自己門牌、全球都打得開」——而你沒寫一行程式，只是下指令、點幾下、回報結果。

但我得老實跟你說：上線，才是真正的開始。

下一篇，我要講上線之後我踩的鬼故事——我改了東西，網站卻整整不更新，而且程式明明是對的。我查了快兩個鐘頭。那是這整個系列我最想跟你分享的一篇，因為它教的不是「怎麼不出錯」，是「出錯了，怎麼跟 AI 一起查到底」。

常見問題 FAQ

Q：推上 GitHub 時跳出 403 或「權限不足」，怎麼辦？ A：這幾乎都是 GitHub 存取金鑰（token）權限不夠。別自己猜——把整段錯誤訊息貼給 AI，它會告訴你去哪裡開哪個權限。這是部署最常見的卡點，也最好解。

Q：為什麼一定要把網站獨立成一個 repo？混在一起不行嗎？ A：因為網站 repo 要設成「公開」才能上線。如果你的私人筆記、草稿跟它混在同一個 repo，等於連私事也一起公開了。一開始就把「公開的站」和「私密的東西」分乾淨，是最省事的做法——等混在一起又已公開，再回頭收拾很痛。

Q：一定要綁自己的網域嗎？用免費的 .pages.dev 不行嗎？ A：能用，但不建議當長期門面。.pages.dev 是 Cloudflare 的地址、不是你的，哪天要換工具就斷了。綁自己的網域，地址才永遠是你的——這正是建站篇第一篇講的「永久的家」。

Q：綁網域後多久會生效？ A：網域也在 Cloudflare 買的話，DNS 和 SSL 大多幾分鐘內自動好。若拖比較久（偶爾要等 DNS 生效），不是壞了，等一下再看；超過一兩小時還沒好，把畫面貼給 AI 查。

下一篇：上線後的鬼故事——當網站不聽話（建站篇 5/9）。

← 回上一篇：跟 AI 把空網站從零長出來

---

延伸閱讀：Cloudflare Pages × Git 自動部署（官方）　｜　綁定自訂網域（Cloudflare 文件）