Changelog

網站
更新日誌

這個網站是怎麼改成的。從 0 到上線，只用了一個下午。從那之後，每次改版都是「動動嘴」就完成。

改版次數

7 次

最新版本

2026-03-12

累計耗時

≈ 3 小時

AI 工具

OpenClaw

2026-03-12 16:20:28

耗時：14分00秒

標題Persona 圖片修復 + 更新日誌升級最新

✦ Jason 說

「persona 臉被裁切了，換新圖；更新日誌改成精確時間戳記 + 耗時格式，把所有記錄補齊」

✦ AI 做了

▸下載新版 persona 圖片（臉部完整顯示，構圖優化）
▸CSS object-position 固定為 center top
▸更新日誌時間格式升級為精確到秒（YYYY-MM-DD HH:MM:SS）
▸每個 entry 加入耗時顯示
▸補齊所有歷史記錄：7 個完整 entries 全部保留

↑ 之前

2026-03-12 16:06:28

耗時：13分54秒

標題配色 + AI 圖片

✦ Jason 說

「加 AI 生成圖片，Hero 背景和三個 persona 插圖」

✦ AI 做了

▸AI 生成 4 張品牌圖片（Hero 背景 + 3 個 persona 插圖）
▸圖片整合到頁面各區塊
▸object-position 優化圖片裁切位置

↑ 之前

2026-03-12 15:52:34

耗時：10分04秒

標題視覺大升級

✦ Jason 說

「配色太工程師，加互動特效，搜尋 2026 流行配色」

✦ AI 做了

▸配色從冷藍灰改為暖黑 + 琥珀金系（#0D0A06 + #D97706）
▸Framer Motion scroll reveal 動效全站套用
▸Hero Spotlight 效果：滑鼠追蹤光暈
▸Glow border cards + Moving border pricing card

↑ 之前

2026-03-12 15:42:30

耗時：8分50秒

標題更新日誌頁面上線

✦ Jason 說

「加一個時間線頁面，記錄每次改版，像時尚雜誌那種感覺」

✦ AI 做了

▸新增 /updates 路由
▸時尚雜誌風格時間線設計
▸Navbar 加入「更新日誌」連結
▸CTA 區塊 + Footer 統一風格

↑ 之前

2026-03-12 15:33:40

耗時：15分45秒

標題首次完整改版

✦ Jason 說

「行銷網頁太工程師風格，要針對三個族群痛點，大喇喇說 AI 做這個網站」

✦ AI 做了

▸Sticky Navbar 加入品牌 Logo
▸Hero 痛點切入文案重寫
▸AI Agent Banner（OpenClaw 全程製作宣告）
▸三個 Persona 區塊（行銷人 / 自媒體 / 小型老闆）
▸Lucide icons 取代 emoji，視覺更一致

↑ 之前

2026-03-12 15:17:55

耗時：1分51秒

標題Configure Static Export

✦ Jason 說

「設定 Next.js 靜態輸出，讓網站能部署到 Cloudflare Pages」

✦ AI 做了

▸next.config.ts 加入 output: 'export'
▸images.unoptimized: true 設定
▸確保靜態部署相容性

↑ 之前

2026-03-12 15:16:04

起點

標題網站誕生

✦ Jason 說

「用 AI 幫我做一個行銷公司網站，要有 Aceon X Xia 的品牌感」

✦ AI 做了

▸Next.js 專案初始化 + Tailwind CSS 設定
▸基本頁面結構：Hero + 服務 + 聯絡表單
▸Cloudflare Pages 部署流程設定
▸第一版上線：功能完整但視覺工程師風

起點 — 更多更新持續進行中...

想要一樣的網站？

我們用 AI 幫你打造專屬的網站。說出你的需求，其他交給 AI。