Skip to content

什么是 Fumadocs

介绍 Fumadocs,一个你可以拆解的文档框架。

Fumadocs 框架指的是 UI + Core + 内容源的组合,Fumadocs 更像是一种思维框架,每一层本身都可以是一个独立的库。

设计理念

Fumadocs 的创建是为了带来更具可定制性的文档构建体验,成为一个不偏执的文档框架,一个「你可以拆解」的框架

更少的抽象

大多数框架通过配置文件进行配置,当你希望微调细节时,通常缺乏灵活性。你无法控制它们如何渲染页面,也无法控制内部逻辑。

Fumadocs 期望你编写代码并与你的软件其余部分协作,它会向你展示应用是如何工作的,并且完全可定制,而不是一个配置文件。

无缝集成

Fumadocs 与你的 React 框架紧密集成,带来实用的工具和一个美观的 UI。

对于 Next.js 开发者,你依然在使用 App Router 的特性,例如静态站点生成(SSG)。对于 Next.js 开发者来说一切都很熟悉,没有新东西需要学习。

可组合的 UI

Fumadocs UI(默认主题)所提供的唯一东西就是用户界面。该 UI 在带来更好的移动端响应式和用户体验方面有自己的主张。

相反,我们遵循一种受 Shadcn UI 启发的更灵活的方法 —— Fumadocs CLI,允许你「分叉(fork)」Fumadocs UI 的一部分,并完全自定义它。

服务端优先的方法

传统上,静态站点生成器是静态的。

然而,Fumadocs 引入了由 React Server Component 驱动的服务端优先方法。拥有完美的服务端-客户端边界,内容变得动态且可交互。

你可以从服务端获取数据来展示内容,或与 CMS 集成接收实时更新。它始终保持最新且易于维护。

极简

Fumadocs 由 Fuma 和许多贡献者维护,注重代码库的可维护性。

虽然我们不想提供人们想要的所有功能,但我们更专注于把基础功能做到完美且维护良好。你也可以通过贡献来帮助 Fumadocs 变得更有用!

何时使用 Fumadocs

Fumadocs 在设计时考虑到了灵活性,它并不局限于某些特定用途。

  • fumadocs-core 是一个用于构建文档的无头(headless)UI 库。
  • fumadocs-mdx 是一个用于处理 MDX 内容的有用库。

对于大多数 Web 应用,原生 React.js 已经不够用了。如今,我们还希望拥有博客、展示页、FAQ 页等。在这些情况下,Fumadocs 可以帮助你以更少的样板代码更轻松地构建文档。

如果你感兴趣,可以阅读 框架对比

文档站点

Fumadocs 专注于写作体验,它提供了一个美观的主题以及许多文档自动化工具。

它帮助你在快速迭代代码库的同时,绝不落下文档。你可以把本站点当作用 Fumadocs 构建的文档站点示例。

博客站点

大多数 React.js 框架已经能够满足博客站点的需求。

Fumadocs 提供了额外的工具,包括语法高亮、文档搜索和一个默认主题(Fumadocs UI)。它帮助你避免重复造轮子。

基于 VitePress 构建的 Fumadocs 中文文档