换了三次主题、五个配色之后，终于把这个站点搭起来了。写一篇开篇，说说它为什么长成这样。
这个站点其实拖了很久。
每年都会有一两个瞬间特别想写点什么，然后打开编辑器，看到上次半途而废的项目，又关掉。直到今年九月，终于决定把「先做出来」排在「做得完美」前面。
它为什么长成这样
我给这个站点定了三条规则：
- 信息密度不要太高，首页能一眼看完最近在做什么；
- 视觉要轻，玻璃与渐变的成本低，但很容易显得温柔；
- 内容优先，动效只是背景音，不该抢注意力。
于是就有了你现在看到的 Bento 布局：左边是自我介绍和播放器，右边是照片墙、文章、碎碎念。所有卡片都是同一套玻璃材质，看起来像贴在窗户上的便利贴。
玻璃质感其实只有四行
很多人以为毛玻璃很难，其实核心只有 backdrop-filter：
.glass-card {
background: rgba(255, 255, 255, 0.45);
backdrop-filter: blur(16px) saturate(160%);
border: 1px solid rgba(255, 255, 255, 0.55);
box-shadow: 0 8px 32px rgba(31, 38, 135, 0.12);
}
背景的模糊负责「透」，半透明白色负责「亮」，那一圈浅色描边负责「厚」。少了描边，玻璃就会变成一块脏兮兮的雾。
在浅色背景上，毛玻璃的关键不是 blur，而是那圈 1px 的高光描边。
接下来写什么
我打算把这里当成一个真实在用的地方，而不是作品集。所以你会看到：
- 一些技术笔记，包括踩过的坑；
- 一些照片，以及拍照时的犹豫；
- 一些没什么用的碎碎念。
如果你也在搭自己的小站，欢迎在留言板打个招呼。我们互相看看对方的花园。