第 一 章 · 貼上行程
把行程資料貼進來
從 Google Doc、訂房信、LINE 對話到自己的筆記都可以。三條路徑的最終結果相同——挑你最順手的方式即可。
選擇匯入方式
三條路徑都會把資料導向同一個結果頁，差別只在你目前手上有什麼。
用 AI 整理
推薦・最快
手動填寫
沒有現成資料
修改舊 App
載入既有檔案
步驟 1
把你的行程資料貼進來
Google Doc、LINE 訊息、訂房信、自己打的筆記都行，不用整理格式。
步驟 2
複製 Prompt，貼到你常用的 AI
Prompt 已經包含完整的整理指令 + 你剛貼的行程，直接貼上送出即可。
不用 API Key、不用付費，用 AI 的免費版就行。
步驟 3
把 AI 回的 JSON 貼回來
複製整個
{ ... } 區塊，
AI 前後若有解釋文字也沒關係，會自動忽略。
從空白開始，每天的行程在下一步逐步填寫。適合資料還沒整理或要全新規劃的人。
把之前用本生成器產出的
index.html 拖進來，
所有設定（行程、成員、主題、Firebase）都會還原。
拖曳 index.html 到這裡
或點擊選擇檔案
第 二 章 · 補齊資料
把欄位補到完整
逐項檢查欄位、補齊細節。完整的資料才能產出實用的 App——這一步多花幾分鐘，旅程現場省下無數翻找的時間。
基本資訊
會顯示在首頁標題、分頁名稱、日期橫條等位置。
首頁主標題、App 名稱都用這個
標題下方的副標
旅伴打開 App 時要輸入。建議用出發日（如 0415）方便記
系統自動產生，確保不同旅程的 localStorage 不互相覆蓋
旅行成員
用於費用分攤、群組訊息署名。點 ✕ 可刪除。
每日行程
點開每天可以查看和修改活動。每天可以有多個活動，按時間排序。
第 三 章 · 多人共用
讓旅伴也能即時同步
啟用後，群組訊息、集合倒數、費用分帳都會即時同步到每個人的手機。也可以先跳過，需要的時候再回來啟用就好。
選擇共用方式
兩種模式之後都可以切換，先選現在最方便的。
先跳過，之後再設定
仍可查行程、勾打包清單、記購物。後兩項各裝置獨立。
現在設定，多人即時共用
免費,需 Google 帳號。已有 Firebase Config 直接貼上。
設定步驟
1
前往 Firebase Console →，「建立專案」，輸入名稱（如
tokyo-trip-2027），不用開 Google Analytics。2
左側「建構」→「Realtime Database」→「建立資料庫」→ 地區選
asia-southeast1 →「在測試模式下啟動」。3
點齒輪「專案設定」→「您的應用程式」→ 點網頁圖示
</> → 輸入 App 暱稱 → 不勾 Hosting →「繼續主控台」。4
在「SDK 設定與設定」選「設定物件」，把
firebaseConfig = {...} 大括號內的 JSON 複製，貼到下方。
第 四 章 · 挑選外觀
選一個符合這趟旅程的風格
下方預覽會即時套用你的真實旅程資料。挑一個既定風格，或微調自訂顏色，讓 App 看起來像這趟旅程本來就該有的樣子。
即時預覽
下方會直接套用你目前的旅程名稱、日期與成員，挑色時對著真實資料看。
✈️ 我的旅程
行程
住宿
清單
集合
記帳
色彩配方
七款「和の色」任選——每組都調好了漸層、背景與白字對比，襲用即用。
第 五 章 · 下載 App
產出可以馬上用的 App
先預覽看看實際長相，沒問題再下載壓縮包。下載的是一份 zip，部署到任意靜態主機，旅伴就能加入手機主畫面、像 App 一樣使用。
設定總覽
出版前最後一次校稿——資料、共用、外觀一覽。
產出檔案
先在新分頁預覽，沒問題再下載部署包。
部署到網路
把 zip 解壓後整個資料夾上傳，旅伴就能在手機上打開。
- 1解壓下載的 .zip，會得到一個資料夾，含
index.html、manifest.json、sw.js三個檔案。 - 2前往 netlify.com 註冊（用 GitHub 或 Google 都行），免費。
- 3登入後在 Sites 頁面，把整個資料夾拖到「Deploy」區域。Netlify 會給你一個網址（
https://xxx.netlify.app）。 - 4把網址傳給旅伴。在手機上打開 → 加入主畫面，就像 App 一樣使用。
☁ 天氣預報自動運作。App 部署後會從 Open-Meteo 抓未來 16 天的天氣，免費、不需設定。
旅程開始日距今超過 16 天時會顯示「尚無預報」，越接近出發越準。