你好，BLOG_YU——用 Astro 搭建鹰角风格的博客

欢迎来到 BLOG_YU，家玉的小站。这是本站的第一篇文章，也是一篇「自我介绍」：它既讲讲这个博客是怎么搭起来的，也顺便把文章页的排版能力完整演示一遍。

设计从哪来

灵感来自鹰角网络与《明日方舟》的平面设计。研究阶段我们直接抓取了官网的 CSS 做 token 级分析，结论可以用一句话概括：

高级感来自克制——暗底、单一高饱和强调色、几何窄体字、锐利直角、0.3 秒的动效，加上大面积的留白。

后来在「整体冰川蓝」的方向上，又借鉴了两个优秀博客的细节：有色调的中性色、选中文字的高亮、带下拉和角标的导航栏。

博客基于 Astro 构建，静态输出，文章就是 Markdown。写作时只需要在文件顶部声明几个字段：

---
title: 文章标题
description: 一句话摘要
date: 2026-08-15
category: tech        # tech / life / thoughts
tags: [Astro, 设计]
---

分类决定卡片左侧的色条和文章页的强调色：

为什么「少」反而显得高级？为什么一套组件骨架换几个颜色就能讲完全不同的故事？这些问题的答案，大概会出现在以后的思考分类里。

这个站点还会继续长：更多文章、封面渐变、也许还有评论区。如果你读到了这里，欢迎点一下右下角的圆环——它会带你回到顶部。

BLOG_YU // 2026