使用 MDX

使用 MDX

Sat Jul 02 2022 Pin
257 字 · 1 分钟
tech 未分配标签

这个主题已经安装并配置了 @astrojs/mdx 集成在你的 astro.config.mjs 配置文件中。如果你不想使用 MDX,可以通过从配置文件中移除集成来禁用支持。

为什么使用 MDX?

MDX 是 Markdown 的一个特殊变种,支持嵌入 JavaScript 和 JSX 语法。这解锁了将 JavaScript 和 UI 组件混合到你的 Markdown 内容中的能力,例如交互式图表或警告。

如果你有现有的用 MDX 编写的内容,这个集成应该会让迁移到 Astro 变得非常简单。

示例

以下是如何在 MDX 中导入和使用 UI 组件。 当你在浏览器中打开这个页面时,你应该能看到下面可点击的按钮。

更多链接


Thanks for reading!

使用 MDX

Sat Jul 02 2022 Pin
257 字 · 1 分钟
tech 未分配标签

© FLFfang | CC BY-NC-SA 4.0

评论