簡單來說
- 以
file:///開頭的位址存在你的磁碟上。只有以https://開頭的位址，其他人才打得開。 - 請 AI 給你單一個
index.html檔，把 CSS 和 JavaScript 放在裡面。這是最容易發布的形式。 - 完全不用設定：在 pagelemon.com/drop 拖入檔案或貼上程式碼。
- 選一種發布方式，並確認之後可以修改網站而不會失去網址。
為什麼檔案只能在你的電腦上用
當你連點兩下 HTML 檔案時，瀏覽器是直接從你的磁碟打開它。這對你自己來說沒問題。但連結要讓其他人也能用，檔案必須放在一台隨時上線、並會回應請求的電腦上。那台電腦就是主機。把你的檔案放上去就是發布，有時也稱為部署。
好消息是：你的 AI 做出的頁面通常是靜態網站。它只是一堆檔案：HTML、CSS、JavaScript 和圖片。靜態網站是最容易代管的類型，不需要伺服器或資料庫。
先在你的電腦上打開
發布之前，先確認檔案能正常運作。只要一分鐘。
- 把程式碼複製到純文字檔。如果 AI 在對話裡顯示程式碼給你，請把全部貼到文字編輯器中（Windows 用記事本，Mac 用純文字模式的 TextEdit）。如果它給的是下載檔案，就跳過這一步。
- 存成
index.html。確認檔名不是以.txt結尾，並放在一個新的空資料夾裡。 - 連點兩下檔案。它會在瀏覽器中打開。捲動整個頁面，點每個連結和按鈕，並把視窗縮窄，看看在手機上的樣子。
- 記下哪裡不對。在對話裡告訴 AI，然後請它再給你一次檔案。
把檔案從對話裡取出來
視你用的 AI 而定，你的網站可能是以下其中一種：
- 對話中的預覽（Claude artifacts、ChatGPT canvas）。請它給你一個可以下載的單一檔案。
- 多個檔案（一個頁面、一個樣式表、圖片）。請它把整個網站打包成 .zip，並讓
index.html位在最上層，而不是在另一個資料夾裡面。 - 專案資料夾，由 Claude Code、Codex 或 Cursor 等程式碼工具產生。如果有建置步驟，要發布的是建置產生的資料夾，通常是
dist或build，而不是整個專案。
最簡單的情況是單一檔案。大多數主機都把 index.html 當作首頁，在 Page Lemon 上，任何檔名的單一 .html 檔也可以。貼上這段就能做到：
- 請把這個網站做成單一個 index.html，並把 CSS 和 JavaScript 放在裡面。
修復壞掉的圖片和連結
在你的電腦上看起來沒問題的頁面，上線後可能會出現空白框。常見原因如下：
- 圖片不在資料夾裡。請把每張圖片放在
index.html旁邊，或放在隨之附上的子資料夾中，例如images。 - 路徑指向你自己的磁碟。
C:\Users\you\photo.jpg只存在於你的電腦上。請改用相對路徑，例如images/photo.jpg。 - 大小寫不同。
Photo.JPG和photo.jpg在某些電腦上是同一個檔案，但在許多主機上是不同的檔案。請一律使用小寫檔名。 - 檔名有空格。請用
team-photo.jpg，不要用Team Photo.jpg。
- 每張圖片都使用小寫檔名和相對路徑。
取得真正連結的選擇
這些方法都行得通。差別在於取得連結的速度，以及之後修改網站的難易程度。
1. 讓你的 AI 發布
有些 AI 可以使用工具替你發布。Claude Code 和 Codex 等程式碼工具可以直接上傳檔案。聊天應用程式通常無法從沙盒連上網際網路，所以只能交給你一個檔案。
使用 Page Lemon，你只要在同一個對話裡貼上一行字。如果你的 AI 還不能發布，連接它一次，再問一次就可以了。
- 把我的網站發布到 PageLemon.com
2. 使用 AI 對話裡的分享按鈕
Claude 的 artifacts 有一個發布按鈕。根據 Anthropic 的說明文章，它會在 Claude 自己的網域上建立公開連結。在 Free、Pro 和 Max 方案中，任何有連結的人都可以打開。在 Team 和 Enterprise 方案中，連結只在你的組織內分享。這很適合快速展示，但這個位址不是你自己的。請查看 Anthropic 的說明頁面，了解目前的規則。
3. 拖入檔案或貼上程式碼，不用設定
如果你的 AI 既無法發布也無法連接，例如 ChatGPT 免費方案，請開啟 pagelemon.com/drop。把檔案拖到那裡；在手機上沒有檔案時，貼上 AI 給你的程式碼。幾秒內就有連結，不需要帳號，也不用安裝任何東西。之後要修改同一個網站，你需要一個能連接的 AI：拖入新檔案會產生新的網址。
各方式比較
| AI 對話中的分享連結 | 一般的簡易代管服務 | Page Lemon | |
|---|---|---|---|
| 取得連結的時間 | 幾秒 | 幾分鐘 | 用程式工具或 /drop 只要幾秒；聊天 App 需先花約 2 分鐘連接 |
| 是否需要帳號 | 需要，該 AI 的帳號 | 視服務而定 | 發布不需要；要保留則需要免費帳號 |
| 網址 | 在 AI 的網域下 | 視服務而定 | pagelemon.dev 位址，或付費方案可用你自己的網域 |
| 之後從對話修改 | 在同一個對話裡 | 通常要重新上傳 | 透過任何已連接的 AI，網址不變 |
| 版本紀錄 | 視服務而定 | 視服務而定 | Free 方案 7 天，付費方案更久 |
前兩欄是一般的情況，各服務的細節不同。請查看你所選服務目前的條款。
你自己的網域
像 www.yourcafe.co.uk 這樣的網址，放在菜單或名片上更好看。在 Page Lemon，自己的網域包含在付費方案中（Prompter 每月 $6，包含 3 個網域）。你要向網域公司購買網域，並每年支付費用。Page Lemon 不販售網域。運作方式在這裡。
- 幫我找一個適合我咖啡店的網域
想想下週，而不只是今天
拿到一次連結很簡單。比較難的是下週，當你想改營業時間或新增一個頁面時。問問自己：
- 修改後網址會不會維持不變？如果每次修改都會得到新連結，你每次都得重新分享。
- AI 能幫你修改嗎？你做網站的那個對話可能已經不在了。新的對話或不同的 AI，需要有辦法讀取目前的網站並更新它。
- 你能復原不好的變更嗎？有版本紀錄，錯誤只會花你一分鐘，而不是一個下午。
- 免費網站能維持多久？有些不註冊就會過期。只要你事先知道，這沒有關係。
在 Page Lemon，沒有帳號發布的網站會上線 72 小時。免費帳號最多可保留 3 個網站，並附帶一個小小的 Page Lemon 標章。修改後網址不變，每次變更都會存成可以回復的版本。
常見錯誤
- 把機密一起發布。如果你的 AI 把 API 金鑰放進頁面，一旦上線，所有人都讀得到。靜態網站無法保守機密。請見哪些內容會公開。
- 發布了整個專案。只上傳完成的網站，不要上傳原始碼資料夾、筆記或
.env檔案。 - 以為表單會寄電子郵件給你。單純的網頁本身無法寄出電子郵件。在依賴表單之前，請先問你的 AI 表單訊息會如何送達。
- 分享
file:///位址。這對其他人永遠打不開。
常見問題
為什麼頁面在我這裡正常，朋友卻打不開？
你是從自己的磁碟打開的。你的朋友沒有那個檔案。請把它發布，再傳 https:// 連結給他們。
我可以直接用電子郵件寄檔案嗎？
可以，但許多郵件程式會對 .html 附件發出警告，而且對方得自己儲存並打開。連結對他們和對你都比較方便。
我需要會寫程式嗎？
不用。你需要檔案，以及把它們放上網路的方法。其餘交給你的 AI，包括之後的修改。
如果我有很多檔案和資料夾怎麼辦？
請它給你一個 .zip，並讓 index.html 位在最上層，圖片放在同一個資料夾或子資料夾中。如果網站很小，也可以請 AI 把所有內容放進單一個 index.html。
試用要花多少錢？
在 Page Lemon 發布是免費的，不需要帳號。沒有帳號時，網站會上線 72 小時。