用「设计 token」的思维管理个人站点风格

用「设计 token」的思维管理个人站点风格

J
Joy
2026年06月07日 · 1 分钟阅读

颜色、间距、圆角、阴影集中成变量,改一处全站生效——这套方法同样适用于个人博客。

系列:Hugo 建站实录 1 / 2
  1. 1 用「设计 token」的思维管理个人站点风格 当前
  2. 2 用 Hugo 复刻 Minimal UI 的博客观感

token 是单一事实来源

把所有视觉决策(主色、灰阶、圆角、阴影)收敛成命名变量,模板里只引用变量 名而非硬编码值。换肤、调性微调都只动一处。

在 Tailwind v4 里落地

@theme 块声明即生成工具类,这让"设计 token = 实现"几乎零距离。

风格一致性不是靠自律,而是靠把正确的选择变成默认值。

分享

相关文章