小编was*_*ila的帖子

md vs mdx

md import pipeline 渲染为 html，mdx import pipeline 渲染为 .js/.ts/.jsx...，这允许使用 Astro 组件自定义 html 标签。

目标

我想利用 Astro 的 .md 文件中的 mdx 功能

我尝试过什么

• 尝试在 Astro 中配置 mdx 集成，但不幸的是它排除了 .md 扩展名以允许默认的 md rehype 管道

• 我将所有 .md 文件重命名为 .mdx 的解决方法非常具有侵入性（更改文件元数据）我想找到一种不同的方法

• 分叉 mdx 集成很难维护

• 我启动了一个 vite 插件，它更改 .md ids 以添加 x 作为 .mdx，然后我必须编写自己的加载程序，然后它变得太复杂

• astro-remote 仅采用一些默认组件，并且允许替换任何自定义组件

例子

我想避免

• (-) 在配置文件中嵌入 svg 资源，例如在标题元素中添加链接图标（示例https://github.com/withastro/docs/blob/52bf88ec74e3d01d212808d678320f190be64f76/astro.config.ts#L16）

更确切地说

• (+) 允许用 html 编写高级增强功能，例如 .astro，而不是 rehype js 格式。（示例仅供 mdx 参考而不是 md https://github.com/MicroWebStacks/astro-big-doc/blob/9d4215e86c020bf72f28ce83d8e494df23e0ff7d/src/components/headings/H1.astro#L15）

任何实现这一目标的最佳方法的想法，感觉就像缺少释放 Astro 对 Markdow …