新功能
老網站一鍵升級為可編輯 — 不用重新生成就能改文字
- 「我的網站」每個已付款但不支援文字編輯的卡片,新增「🔧 升級為可編輯」按鈕
- 點一下讓 AI 幫你在舊 HTML 上補 data-5888-text 標記,約 30 秒完成
- 升級過程只加標記,不動你的設計、內容、結構、schema、footer
- 升級完成後,預覽頁的「✏️ 修改文字」立刻可用,最多 30 次逐段修改
- 針對文字編輯功能上線前生成的老網站 / 以及 AI 漏標的案例
Changelog
更新紀錄
我們持續優化 5888 網站助手。所有新功能、修補和改進都會列在這裡, 讓你清楚知道每一次變更內容與日期。
- 新功能
設計模板系統 — 生成品質大升級,不再醜醜的
- 新增「雜誌風」和「衝擊風」兩套專業設計模板,AI 改為填入模板而非從零畫
- 雜誌風:大留白、左右分割、優雅 — 適合咖啡/花藝/選品店
- 衝擊風:全版大圖、暗底白字、強烈 — 適合餐廳/健身/汽修
- 「自動選擇」會依據產業類別幫你挑合適的模板,不確定就選這個
- 表單新增「設計模板」下拉,在 AI 模型選擇的上方
- 改進
SEO 全面升級 — Google 搜尋更容易找到你的店
- title / description 改用「地區+服務+店名」格式,長度符合 Google 最佳範圍
- 每個生成的網站都內建 LocalBusiness schema(14 種產業類型對照)
- FAQ 區塊同步產出 FAQPage schema,有機會在搜尋結果出現折疊問答
- Hero 圖改成 eager 載入 + fetchpriority=high,首屏速度提升
- 所有圖片都有 width / height 防止版面跳動(CLS 分數)
- 電話自動變成 tel: 連結,地址自動連到 Google Maps
- 生成後背景自動跑 8 項 SEO 檢查,有問題會記錄下來
- 新功能
部署管線升級 — 一次上傳完整 SEO 檔案
- 改用 Git Tree API 單次 commit 上傳 5 個檔案(原本只有 index.html)
- 自動產生 robots.txt / sitemap.xml,告訴 Google 來爬你的網站
- 自動注入 canonical URL 到 HTML 的 OG / Twitter Card / schema
- 加上品牌化的 404.html,使用者點錯連結也看得到漂亮頁面
- 加上 .nojekyll 避免 GitHub Pages 誤判底線開頭的資源
- 修補
客戶回來看預覽頁時,部署連結終於會出現了
- 之前部署完成後,客戶隔天再開預覽頁,公開網址不會顯示
- 改成從 Redis 讀取已部署的網址直接渲染,不用等前端重跑
- 新增 /api/check-deploy 定期檢查 GitHub Pages 是否已上線
- 上線前顯示「建構中…」琥珀色脈動,上線後換成「已上線」綠色徽章
- 改進
全站手機版導覽列 + 共用 Header 元件
- 手機版右上角新增漢堡選單,可以切換首頁/定價/教學/更新紀錄/我的網站
- 建立共用 SiteHeader 元件,五個頁面從各自複製貼上改為統一管理
- 新增 OG 圖片與 metadataBase,分享連結到 FB / Line 會顯示 logo
- 新增 robots.txt 與 sitemap.ts,讓 Google 正確索引本站全部頁面
- 新功能
AI 圖片生成 — 沒有照片也能做出漂亮網站
- 付款後在「更換圖片」面板,每個版位新增「🤖 AI 生成」按鈕
- 輸入文字描述(例:手沖咖啡特寫),AI 自動生成並替換到網站上
- 每張圖片消耗 5888 點數 10 點,不用的版位不收費
- 生成的圖片會自動裁切到正確比例,和手動上傳的照片一樣精準
- 新功能
付款後可逐段修改網站文字
- 付款解鎖後,預覽頁出現「✏️ 修改文字」按鈕,點進專屬編輯頁
- AI 標記每個文字區塊(標題、副標、商品說明、FAQ...),逐段修改不怕改壞
- 每個網站最多 30 次修改,不限每日,純文字不扣點數
- 定價頁與表單「生成規則」說明已同步更新,如實告知圖片版位固定規則
- 新功能
新增「我的網站」頁 — 付費網站永遠找得到
- 登入後右上角新增「我的網站」入口,一頁看完所有生成過的網站
- 分三區顯示:🚀 已上架 GitHub Pages、✨ 已付款未部署、⏰ 免費預覽
- 已部署網站會直接顯示公開網址 + GitHub repo 連結,可以一鍵複製分享
- 修掉 /api/deploy 會把付款網站 meta 改成 1 小時 TTL 的隱性 bug
- 首頁最近網站 banner 增加「查看全部 →」連結,不再被 5 筆上限遮蔽
- 新功能
5888 生態系導覽 + 品牌識別全面升級
- 所有頁面 footer 新增「5888 生態系」區塊,可一鍵回到錢包主頁、查看點數明細、買月費
- 共用 EcosystemFooter component — 未來調整一次改全部,不會各頁面各自飄移
- 為錢包主頁卡片製作了品牌 logo (32/64/512 PNG + SVG),紫粉漸層 + 圓角方框
- 首頁 meta description / Open Graph 圖片同步更新,SNS 分享時會顯示 logo
- 正式上線到 https://5888-website-assistant.vercel.app (公開 beta)
- 修補
付款回跳在 tunnel/proxy 環境下會卡住
- 修掉 /api/ecpay/return 在反向代理底下回傳絕對網址 localhost 的問題
- 改用 path-only Location header,瀏覽器會對自身 host 做相對解析
- 新增 29 項端到端自動測試覆蓋整條付款 pipeline(簽章驗證 / 升級 paid / 冪等性 / 防竄改)
- 新功能
付款後可逐張更換網站圖片
- 付款解鎖後,預覽頁出現「🖼️ 更換圖片」按鈕
- 支援上傳新圖並自動裁切,每張圖都對應原始設計的版位(slot)
- 修改直接寫回 Redis 的 site HTML,重新整理就生效
- 換圖時會自動移除浮水印並驗證 URL 白名單,防止 XSS
- 新功能
首頁顯示最近生成的網站
- 登入後首頁上方會列出最近 5 個還在有效期的預覽
- 每個預覽會顯示「⏰ 剩餘時數」或「✨ 已付款」狀態
- 免費預覽 24 小時後自動從清單消失
- 新功能
預覽頁加上登入/登出狀態
- 預覽頁右上角顯示目前登入帳號,可以直接登出切換
- 首頁與預覽頁共用同一個 AccountChip 元件,狀態永遠一致
- 改進
點數折抵改為「全額或完全不抵」
- 5888 中央錢包不支援部分折抵,因此移除混合付款模式
- 點數 ≥ 490 → 一鍵全額兌換,不經綠界
- 點數不足 → 走正常綠界刷卡流程,不扣點數
- 簡化了 checkout/notify 的錯誤分支,降低未來維護成本
- 新功能
綠界金流 + 浮水印 + 24 小時免費試用
- 正式串接綠界(ECPay)信用卡付款,NT$490 一次付費
- 免費預覽右下角顯示「5888 網站助手・免費版」浮水印
- 免費網站 24 小時後自動過期,付款後永久保留
- 定價頁詳列免費版與完整版差異
- 新功能
豐富的生成進度動畫 + 管理員重置
- 送出表單後顯示多階段動畫(圖片處理 → 草稿 → 美化 → 收尾)
- 管理員帳號可於左下角一鍵重置自己的每日額度,方便除錯
- 安全性
升級 Next.js 修補 CVE-2025-29927
- 升級至 Next.js 15.5.15,修補 middleware 權限繞過風險
找不到你想要的功能?歡迎 寫信告訴我們,我們會評估是否納入下一次更新。