文章
MDX 示例：在文章里直接用组件
这篇用 .mdx 写成，正文里直接 import 组件、传 props、跑 JS 表达式。
这篇是 示例文章，它证明了一件事：文章不只是文字，也可以是组件。
1. 引入组件
下面的提示框不是 Markdown 语法，是一个 Astro 组件：
2. 数据驱动
- 内容类型
- 4
- 零后端
- ✓
- 搜索
- Pagefind
文章 / 更新 / 小说 / 游戏
纯静态输出
构建时生成索引
上面的卡片来自一个数组，{items.map(...)} 循环渲染。想加一项，改数据就行。
3. 什么时候该用 MDX
按这个思路，将来给游戏做详细展示页时，「可玩试玩区」就可以是一个组件：
<GameEmbed src="/play/demo-a/" size="25 MB" />而普通文章一个字节的 JS 都不用加载。