【你已經上線，這次更新請這樣做】
1. 登入 Cloudflare → Workers & Pages。
2. 點現有專案 fundao-street-demo-2026。
3. 點 Create a new deployment（建立新部署）。
4. 選 Production，拖入本次 ZIP。
5. 點 Save and Deploy，成功後重新整理原本的網址。
網址仍是 https://fundao-street-demo-2026.pages.dev/ ，不需要另建專案。

【0.2 更新內容】
• 午休食堂新增門簾、餐盒、蒸氣與側招牌。
• 窗邊咖啡館新增拱窗、戶外咖啡桌與圓燈。
• 街邊工坊新增工作開口、工具與工作推車。
• 首頁、模型光影、紙感與按鈕細節精修。
• 出題後展開對應故事盒，題目卡帶入短動畫。
• 支援系統減少動態效果偏好。

街角，展開中｜洧騰 × FUNDAO 放島
DEMO 0.2 質感精修版｜2026-10-23

這份 ZIP 可以直接上傳 Cloudflare Pages，不必先購買網域，也不必安裝 WordPress。
ZIP 最外層已包含 index.html，不需要編譯或安裝套件。

一、包內檔案
index.html：網站首頁、微縮街景與互動程式。
README.txt：本說明。
robots.txt：搜尋引擎爬取設定。
_headers：Cloudflare Pages 使用的回應標頭，包含測試版不索引設定。

二、先在電腦試玩
1. 解壓縮整份 ZIP。
2. 用 Chrome、Edge 或其他現代瀏覽器開啟 index.html。
3. 請保持網路連線；故事示意照片來自 Unsplash，字體來自 Google Fonts。
4. 三個街角模型直接內嵌於 HTML，不依賴圖片下載。
5. 本機檔案模式的收藏、草稿與複製功能會受瀏覽器限制；正式測試請使用部署後的 HTTPS 網址。

三、部署到 Cloudflare Pages
1. 前往 https://dash.cloudflare.com/ ，註冊或登入自己的帳號。
2. 找到 Workers & Pages。
3. 選擇 Create application → Get started → Drag and drop your files。
   介面可能調整；請確認建立的是 Pages 的 Direct Upload 專案。
4. 專案名稱可先輸入 fundao-street-demo；若已被使用，換一個名稱。
5. 直接拖曳上傳這份完整 ZIP，或上傳解壓縮後、直接包含 index.html 的整個資料夾。
6. 選擇 Deploy site／Save and Deploy。
7. 完成後使用平台實際顯示的 pages.dev 網址。專案名稱僅為建議，這份檔案尚未替你註冊網址。
8. 用手機與電腦分別開啟這個網址測試。

官方操作說明：
https://developers.cloudflare.com/pages/get-started/direct-upload/

四、目前能測試什麼
• 午休食堂、窗邊咖啡館、街邊工坊：切換與展開門面。
• 依心情、時間與同行方式配對城市任務。
• 題目對應的街角模型、放島故事與洧騰幕後。
• 任務與故事收藏、換題、從口袋重新開啟。
• 品牌合作方向帶入、需求筆記整理、草稿暫存與複製。
• 開啟郵件程式草稿；由使用者確認後自行寄送。

五、目前的實際範圍
• AI 城市出題目前採編輯題庫配對，未呼叫模型，不會產生 AI API 費用。
• 未連接會員、資料庫、付款或自動收件系統。
• 收藏與暫存草稿只存在目前瀏覽器；不同手機、電腦不會同步。網址改變也不會自動搬移舊收藏。
• 郵件入口仍指向 designnow.meisi@gmail.com，按鈕僅開啟草稿，不會自動寄出。
• 故事與照片含示意內容；模型並非真實店家的建築還原。
• 地點、營業時間、活動與正式合作內容尚須確認。
• 已檢查互動邏輯與模型圖像，完整瀏覽器版面與手機實機仍待測試。
• 已加入 noindex，不代表私人網站；部署後持有網址的人仍可能開啟。

六、建議找 3～5 人測試
1. 第一次看到首頁，是否知道這個網站可以做什麼？
2. 能否在不說明的情況下打開故事盒？
3. 能否完成三選項問答並找到配對場景？
4. 能否收藏任務，重新整理後再從口袋開啟？
5. 是否理解放島故事與洧騰幕後的差別？
6. 店家是否找得到合作入口，且看得懂服務方向？
7. 手機有無文字遮擋、按鈕太小或橫向溢出？
8. 是否有一個功能會讓人想再回來？

回饋可記錄：裝置／瀏覽器／操作步驟／預期結果／實際結果。

七、之後更新網站
1. 取得新版網站 ZIP。
2. 進入原本的 Pages 專案，選 Create a new deployment。
3. 上傳新版 ZIP，選擇 Production 並部署，保留原本專案網址。
4. 重新整理確認新版；不需要每次新增另一個專案。
5. 若日後要從 Direct Upload 改為 Git 自動部署，依 Cloudflare 說明需另建 Git 專案。

八、未來接真正 AI
另建後端模型串接、已確認的故事內容庫、用量限制與錯誤處理。
模型金鑰應留在後端，不能放進這份公開 HTML。