主站全面改版 — Quartz 設計系統、D1 遷移、Admin 編輯器 (v0.9.8)

主站全面改版 — v0.9.8

這是主站自上線以來最大規模的一次更新。整個網站從內到外重新設計與重構，涵蓋資料架構、視覺設計與內容管理三大面向。

架構遷移：Keystatic → D1

主站的內容管理從 Keystatic（檔案式 CMS）完全遷移至 Cloudflare D1 資料庫。

• 新增 5 張 D1 表格：projects、links、updates、singletons、cards

• 建立統一的 API 層（api.ts），所有頁面透過 Content API Worker 取得資料

• 主站擁有獨立的 R2 儲存桶（eternity-root-assets），與文件站完全隔離

• 移除所有 Keystatic 相關程式碼與靜態內容檔案

Quartz 設計語言

全站以 Quartz 設計語言重新設計——JetBrains Mono 等寬字體搭配 Playfair Display 襯線字體、navy/coral/ink 色彩系統、極簡邊框、紙質質感。

• 首頁：大字標題 Hero 區 + 登錄表卡片 + Stats Bar + 精選作品 + 動態日誌

• 作品頁：雙維度交叉篩選器（Status x Tag）、封面圖 fallback

• 關於頁：Full Bio / Skills / Experience / Currently 動態面板

• 連結頁：分類分組 + JUMP TO 導覽 + 狀態視覺效果（deprecated / unmaintained）

• 聯絡頁：TipTap 富文字輸入 + 成功 Dialog 動畫

互動元件

• 可拖曳卡片：不限範圍拖曳、慣性滑行、spring 彈回、雙擊復位

• 主題切換對角線切割動畫

• Console Easter Egg：CRT x Quartz 融合終端機設計

• 全站搜尋（Cmd+K）搭配 Quartz 風格介面

Admin 編輯器

從零建立主站專屬的三欄式 Admin 編輯器。

• 三欄佈局：目錄列表（左）| TipTap 編輯區（中）| 屬性檢查器（右）

• 8 個編輯頁面：頁面文字、關於、作品、動態、連結、聯絡、媒體庫、小工具

• 媒體庫：R2 資產管理，支援 grid 瀏覽、搜尋、上傳、拖曳、刪除

• JWT 認證：dev 模式跳過登入，production 使用 httpOnly cookie

Widget 系統

右側邊欄 widget 管理系統，8 個可配置的小工具：每日語錄、最新動態、音樂播放器、傳送門、快速統計、狀態、U.E.P、訪客計數器。

同步工具統一化

兩站（主站 + 文件站）的同步工具進行統一化重構：

• 共用認證模組：兩站同步只問一次密碼

• 行為統一：認證失敗處理、時間格式、R2 刪除傳播、互動確認

• 主站 R2 刪除追蹤：新增 root_deleted_assets 表

效能優化

• React Island 策略：8 個元件跨頁不重新 mount（transition:persist）

• API 60 秒 TTL in-memory 快取：暖快取下 SSR 回應從 ~160ms 降到 ~50ms

• 導航 Prefetch：hover 時預載下一頁 HTML

• Google Fonts 非阻塞載入

代碼清理

• 移除 16 個死檔案（Keystatic 相關 + 未使用的替代設計系統）

• 暗色模式修復：TipTap 硬編碼 RGB 替換為 CSS variable

• 修復 apiFetch cache 洩漏、GlobalSearch hydration error 等 bug