跳到主要內容

Dev Roadmap

thelingwu.com 的公開開發進度。Build in public — 把產品決策、技術選擇、待辦留下痕跡。

手動操作（需要你本人處理）

  • 翻譯文章校對 — 13 篇翻譯皆為 AI 生成（已套用 voice prompt），需人工 review 語氣和細節
  • 專案簡報重製 — HTML slides 品質不佳，需用 Figma 原檔重做（Anchor 尤其需要）

Pending

  • 圖片並排元件 — 需新增 MDX 元件，目前沒有文章使用連續圖片，暫無需求
  • /subscribe 路由 — Substack Building Flows 訂閱落地頁；目前 /design hero 的訂閱 CTA 暫拿掉等這頁
  • 文章 frontmatter 加 persona/format 軸（VI §8.6）— 14 篇 mdx 待補 persona: builder | designer

Done

2026-05 · VI design-system v1 全站落地

  • 品牌系統 vendored 進 src/design-system/（tokens / tailwind preset / 6 個 component primitives）
  • Persona-aware 動態背景：master orange / designer teal / neutral grey，/projects 切到 designer，/photos 切到 neutral，1.4s cross-fade
  • GradientMeshFlow 取代 three.js + gsap（First Load JS 600KB+ → 101KB）
  • BrandFlow SVG 流線 + 6 顆 accent-tinted particles（CSS animateMotion，無 JS）
  • CursorHalo accent-aware（rAF coalesce, prefers-reduced-motion respected）
  • TopNav 重建：Bar + locale-aware Wordmark + per-item hover 顏色（writing 橘 / projects teal / photos 灰）
  • Footer 還原舊 layout，token 對齊
  • PageTitle / PullQuote / CTAButton / Bar / Wordmark / Tag 共用 primitives
  • Locale-aware prose 字體：[lang="zh-Hant"] Noto Serif TC（Latin 用同 family Latin glyphs，移除 PingFang 防黑體竄出）；[lang="en"] Fraunces
  • Body 15px → 16px（VI §2.2 floor），strong 600→500（BI §3 重量點睛），h3 family display→body
  • text-content 87% opacity 全站套用（headings + body）

2026-05 · SEO + 部署

  • Article + Person + WebSite + SearchAction JSON-LD（generators 之前定義但沒 render，現在每頁出）
  • /en/feed.xml（zh + en 雙 RSS），dc:creator + category + content:encoded enrichment
  • Article description fallback chain（excerpt > meta_desc > body 160 chars，不再 fallback to title）
  • Sitemap lastModified 用 build-time constant（之前 new Date() 每次抓都變）
  • Viewport export 升 Next 15 規格 + media-aware themeColor
  • OG card token 對齊（hex literals → VI 配色 + Bar mark + bilingual wordmark）
  • CSP unsafe-eval dev-only（root cause of dead onClick / hydration）
  • CSP static.cloudflareinsights.com allowed（解 console error → BP 分數）

2026-05 · Architecture + Performance

  • Design-system vendored（cross-repo file: dep 在 CI 失敗，併進 thelingwu.com）
  • Noto Serif TC weight 700 砍掉（0 處使用，省 ~36KB gzip CSS）
  • Fraunces SOFT axis 砍掉（0 處使用，省 ~20KB woff2）
  • Rybbit script 改 lazyOnload（不搶 critical resource bandwidth）
  • Article hero fetchPriority="high" + Photos 第一張 priority（救 LCP）
  • 25 個 file 的 text-neutral-* token migration（→ text-content / text-muted / border-line）

2026-04 · 既有

  • standalone output（Docker image 900MB → 65MB）
  • 主機遷移（Alibaba Cloud HK → Hetzner Singapore）
  • Google Search Console 提交
  • Cloudflare AI bot 解封
  • Ghost 命名清理（ghost.ts → mdx.ts, GhostPost → Post, 0 遺留引用）
  • 圖片模糊色彩 placeholder（feature + inline，sharp blur + cache）
  • Tailwind 設計系統整合（semantic tokens、移除 !important、移除 typography plugin）
  • Loading skeletons（全頁面 pulse animation）
  • Ghost CMS 死碼清除（kg-* CSS、ArticleBookmark、unused types）
  • Footer 社群連結（LinkedIn/Instagram/GitHub/RSS）
  • 日期格式 locale-aware
  • Metadata 品牌更新（Building Flows）
  • next/image 替換
  • 文章目錄 / 段落跳轉
  • llms.txt
  • Sitemap alternates（xhtml:link hreflang）
  • RSS link in head
  • Breadcrumb JSON-LD
  • IndexNow ping
  • Skip-to-content link
  • PWA manifest 完善
  • 動態 OG 圖片
  • Error boundary
  • 閱讀進度條
  • 暖色背景（Notion-style warm gray）
  • 圖片 blur placeholder（CSS fade-in）
  • RSS/Atom Feed
  • hreflang alternate tags
  • 自訂 404 頁面
  • 中英文雙語支援
  • Nav 滾動收合
  • 語系切換保持滾動位置
  • Photos gallery 頁面
  • 瀏覽器 toolbar 跟隨深淺模式