用 Astro 开始写作

JL — Sat, 15 Aug 2026 00:00:00 GMT

这是博客的第一篇文章。你可以在 src/content/posts 中添加 Markdown 或 MDX 文件，页面会自动生成。

内容优先

Astro 默认输出极少的客户端 JavaScript，很适合以阅读体验为核心的个人网站。Content Collections 则为文章的 frontmatter 提供类型安全和数据校验。

const posts = await getCollection('posts');

接下来，只需要把注意力放在持续写作上。

JL — Mon, 10 Aug 2026 00:00:00 GMT

普通段落仍然使用熟悉的 Markdown 语法。

设计系统的价值不在于让每一个页面看起来完全相同，而在于让变化发生在清晰、可靠的边界以内。

MDX 让文章可以使用经过设计的表达形式，同时不牺牲 Markdown 的写作效率。

Margin Note 在宽屏上进入正文右侧，在窄屏上自动回到正常文流。

这些组件的颜色、线条和间距全部来自全局 Design Tokens，因此新文章不需要重新决定视觉样式。

AI 决定内容如何组织，Design System 决定内容如何表现。

阅读页面最终应该主动退后，使内容重新成为视线的中心。