2026年10月10日
示例：用 Liquid Glass 的思路做一个个人站
毛玻璃、柔光与水感：这篇示例文章介绍本站的设计取向，也演示 Markdown 写作的各种格式。
设计示例
这是一篇示例文章。复制本文件、改掉 frontmatter，就能发布你的第一篇文章。
为什么是玻璃
玻璃的妙处在于透出背景，又不抢背景的戏。本站所有导航与卡片都用了 backdrop-filter: blur() saturate()，再叠加一层细微的高光描边，模拟折射边缘。
代码也很好看
.glass {
background: rgb(255 255 255 / .55);
backdrop-filter: blur(24px) saturate(180%);
border: 1px solid rgb(255 255 255 / .6);
}- 列表项一
- 列表项二：支持 加粗、斜体、链接
| 元素 | 模糊 | 饱和 |
|---|---|---|
| 导航栏 | 24px | 180% |
| 卡片 | 18px | 160% |