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