概述

架构

页面树

像侧边栏这样的导航元素采用 Page Tree 来呈现导航链接，它是描述所有可用页面和文件夹的树。

通常，它是使用loader()]从您的文件结构生成的，您可以学习如何组织页面。

定制

布局

您可以使用不同布局的公开选项：

组件

Fumadocs UI 还为交互式示例提供样式化组件来增强您的文档，您可以使用 style 和 className 等公开的 props 自定义它们。

请参阅组件。

设计系统

由于设计系统是基于 Tailwind CSS 构建的，因此您可以使用 CSS Variables](/docs/theme#colors) 对其进行自定义。

命令行界面

如果它们都不适合您，Fumadocs CLI 是一个将 Fumadocs UI 组件和布局安装到代码库的工具，类似于 Shadcn UI。允许您完全自定义 Fumadocs UI：

npx fumadocs add