X (Twitter)

Learn More about Caching and Revalidation

用法

将其添加到您的 MDX 组件中。

import { Card, Cards } from 'fumadocs-ui/components/card';

<MDX
  components={{
    Card,
    Cards,
  }}
/>;

用法请参见Markdown]。

卡片的容器。

基于 Next.js <Link />。

Tree Shaking on icons

如果您不使用 Fumadocs MDX 来渲染 MDX（例如使用 Contentlayer），请确保树摇动工作正常。

大多数图标库都支持单独导入图标。

import HomeIcon from 'lucide-react/dist/esm/icons/home';

作为解决方法，您也可以将图标传递给 MDX 组件。（这使用 Next.js 捆绑器而不是内容源）

page.tsx

import { HomeIcon } from 'lucide-react';

const components = {
  ...defaultComponents,
  HomeIcon,
};