卡片
在 MDX 文档中使用卡片组件
wikicopilot.com Docs在 MDX 文档中使用卡片组件
import { Card, Cards } from 'fumadocs-ui/components/card';
<MDX
components={{
Card,
Cards,
}}
/>;有关用法，请参见 Markdown。
卡片的容器。
基于 Next.js 的 <Link />。
图标的树摇优化
如果您没有使用 Fumadocs MDX 来渲染 MDX（例如，使用 Contentlayer），请确保 树摇优化正常工作。
大多数图标库支持单独导入图标。
import HomeIcon from 'lucide-react/dist/esm/icons/home';作为解决方法，您也可以将图标传递给 MDX 组件。（这使用 Next.js 打包器而不是内容源）
import { HomeIcon } from 'lucide-react';
const components = {
...defaultComponents,
HomeIcon,