版權頁
這個網站怎麼做的,以及刻意不做的事。
版本
- Next.js 16.4.0
- App Router、Cache Components、Partial Prerendering、Turbopack
- React 19.3.0
- Server Components;只有聯絡表單與語言切換用到客戶端程式碼
- Tailwind CSS 4.3.3
- 以 @theme 在 CSS 中宣告設計變數
- nuqs 2.10.2
- 在伺服器端解析 /stack 的網址參數
字體與配色
英文使用開啟光學尺寸的 Fraunces,讓名字與內文來自同一個字族的不同光學尺寸;中文退回到思源宋體(Noto Serif TC)。標籤使用 IBM Plex Mono,字級依照 clamp() 流體比例。
近黑色底、暖白色文字、細線分隔,加上一個低彩度的灰綠色。沒有大色塊,也沒有等大的卡片網格。
快取規則
- /
- 靜態外殼;「近況」那一行在每次請求時串流
- /work
- 快取列表 · cacheLife days · 標籤 work
- /work/[slug]
- 依語言與 slug 預先渲染 · 標籤 work、work:[slug]
- /stack
- 未篩選的表格在外殼中;篩選後的網址以串流呈現
- /now
- 短效 · cacheLife minutes · 標籤 now
- /colophon
- 靜態,只在建置時產生
- /contact
- 靜態頁面;Server Action 不需 JavaScript 也能運作
刻意省略
- 沒有流量分析
- 這裡沒有任何東西需要知道你是誰。
- 暫時沒有 CMS
- 在 Payload 證明值得導入之前,內容先放在程式碼裡;讀取函式就是之後替換的接縫。
- 沒有客戶端打字腳本
- 名字的打字效果只用 CSS,並尊重「減少動態效果」設定。
- 沒有技術 logo 牆
- 技術頁寫的是決策而不是品牌,每一列都連到證明。
- 沒有淺色主題
- 把一套配色做好,勝過兩套都做一半。
- 不是所有內容都翻譯
- 重要的文字有中英雙語;工具名稱與程式碼維持原文。