toMedia

快速开始

从零开始使用 Fumadocs 构建文档站点

介绍

Fumadocs(读作 "Foo-ma docs")是一个文档框架,专为速度、灵活性和与 React 框架的无缝组合而设计。

Fumadocs 由以下几个部分组成:

想了解更多?

阅读我们的深度介绍文章:什么是 Fumadocs

术语

  • Markdown/MDX: Markdown 是一种用于创建格式化文本的标记语言。Fumadocs 原生支持 Markdown 和 MDX(Markdown 的超集)。
  • Bun 一个 JavaScript 运行时,我们用它来运行脚本。

一些基础的 React.js 知识对后续的自定义会有帮助。

自动安装

需要 Node.js 22 或更高版本。

npm create fumadocs-app

安装程序会提示你选择内置模板:

  • React.js 框架:Next.js、Waku、React Router、Tanstack Start
  • 内容源:Fumadocs MDX

初始化后的 Fumadocs 应用默认配置了以下功能:

已有项目?

你可以按照手动安装指南来集成 Fumadocs。

开始使用!

在 docs 文件夹中创建你的第一个 MDX 文件:

content/docs/index.mdx
---
title: Hello World
---

## Yo what's up

以开发模式运行应用,然后访问 http://localhost:3000/docs

npm run dev

常见问题

遇到缺少 API 或 Bug 的错误?

请确保你使用的是最新版本的 Fumadocs,并检查 GitHub Issues 获取已知问题。

如何更改文档的基础路由?

修改 app/docs 目录的路径即可更改基础路由。

如何实现多文档?

创建多个内容源和对应的路由即可。

了解更多

有问题随时欢迎!如果你发现任何令人困惑的地方,请在 Github Discussion 上给出你的反馈!

编写内容

对于文档作者,请务必阅读:

  • Markdown — Fumadocs 提供了一些额外的内容编写功能
  • 导航 — 了解如何自定义导航结构
  • 页面路径与页面树 — 了解如何组织内容
  • 组件 — 查看所有可用组件来增强你的文档

特殊需求

On this page