why MDX?
MDX 是一种特殊的 Markdown，支持嵌入 JavaScript 和 JSX 语法。这可以允许你 融合 JavaScript 和 UI 组件到你的 Markdown 内容中，比如用来渲染可交互的图表或提示组件。
示例
此处展示你如何在 MDX 中导入并且使用 UI 组件。
当你在浏览器中打开当前页面，你将可以在下方看到一个可以点击的按钮。
Embedded component in MDX
更多链接
- MDX 语法
- Astro 用法
- @astrojs/mdx
- 注意： Client Directives 仍然被要求用在创建可交互的组件中，否则，MDX 中的所有组件都将会被默认渲染为静态 HTML（不含 JavaScript）。