LogoMkSaaS文档
LogoMkSaaS文档
首页

介绍

快速入门What is Fumadocs对比

设置

静态导出

写作

MarkdownInternationalization

UI

主题搜索
组件
MDX
X (Twitter)

MDX

默认 MDX 组件

使用方法

默认的 MDX 组件包括卡片、提示框、代码块和标题。

import defaultMdxComponents from 'fumadocs-ui/mdx';

相对链接

要支持 href 中带有相对文件路径的链接,请使用以下方式覆盖默认的 a 组件:

import { createRelativeLink } from 'fumadocs-ui/mdx';
import { source } from '@/lib/source';

const page = source.getPage(['...']);

return (
  <MdxContent
    components={{
      // override the `a` tag
      a: createRelativeLink(source, page),
    }}
  />
);
[My Link](./file.mdx)
仅限服务器组件。

目录

使用方法
相对链接