使用 MDX
了解如何在 Astro 中使用 MDX 来增强你的 Markdown 内容
2022年07月02日 MDX
242 字 · 1 分钟
文档 未分配标签
本主题已安装并配置了 @astrojs/mdx↗ 集成，配置文件位于 astro.config.mjs。如果你不想使用 MDX，可以从配置文件中移除该集成来禁用支持。
为什么选择 MDX？
MDX 是 Markdown 的一种特殊变体，支持嵌入 JavaScript 和 JSX 语法。这使你能够将 JavaScript 和 UI 组件混合到 Markdown 内容中↗，实现交互式图表或提示框等功能。
如果你已有使用 MDX 编写的内容，这个集成将帮助你轻松迁移到 Astro。
示例
以下是如何在 MDX 中导入和使用 UI 组件。 当你在浏览器中打开此页面时，应该能看到下方的可点击按钮。
更多链接
- MDX 语法文档↗
- Astro 使用文档↗
- 注意： 创建交互式组件仍然需要使用客户端指令↗。否则，MDX 中的所有组件默认都将渲染为静态 HTML（无 JavaScript）。
Thanks for reading!
