这个模板已经安装并配置好了 @astrojs/mdx 集成，所以你可以直接编写 .mdx 文件。如果你暂时不打算使用 MDX，也可以稍后在配置里把它移除。

为什么要用 MDX？

MDX 可以理解成“支持组件的 Markdown”。它允许你在文章里直接嵌入组件、提示框，甚至是更复杂的交互模块。

如果你以后想在文章里放可点击按钮、卡片、提醒信息或者自定义模块，MDX 会很好用。

示例

下面演示的是如何在 MDX 里引入并使用一个组件。
当你在浏览器里打开这篇文章时，应该能看到下面这个可以点击的按钮。

MDX 中嵌入的组件

延伸阅读

• MDX 语法文档
• Astro 中使用 Markdown / MDX
• 注意： 如果你想做真正需要浏览器执行 JavaScript 的交互组件，仍然需要配合 Client Directives 使用。