簡介 | Fumadocs

Using an AI agent?

Copy the instructions into your agent (Claude Code, Cursor, Codex, etc.) to set up a new docs site, or to add Fumadocs to an existing app. For other tasks, give it fumadocs.dev/llms.txt, which lists every docs page as Markdown.

Fumadocs (Foo-ma docs) 是一個文件框架，設計上追求快速與彈性，並能無縫整合至您的 React 框架中。它由多個層次組成：

Fumadocs Core

負責大部分的邏輯，包括文件搜尋、內容來源轉接器，以及 Markdown 擴充功能。

Fumadocs UI

Fumadocs 的預設主題，為文件網站與互動式元件打造美觀的外觀。

內容來源

內容的出處，可以是 CMS，也可以是像 Fumadocs MDX (官方內容來源) 這類本機資料層。

Fumadocs CLI

用來安裝 UI 元件及自動化各項作業的命令列工具，在自訂版面配置時特別實用。

想了解更多嗎？

請閱讀我們的深入介紹：什麼是 Fumadocs。

選擇框架

本指南依框架分別撰寫。請選擇您的應用程式所使用的框架；若是新專案，建議選擇 Next.js：

Next.js（推薦）

功能強大且成熟，是新專案的預設選擇。

React Router

適用於 React Router 應用程式。透過其 SPA 模式，可將網站以靜態方式託管於 CDN。

TanStack Start

適用於 TanStack Start 應用程式。透過其 SPA 模式，可將網站以靜態方式託管於 CDN。

Waku

快速又簡單，是建構於 Vite 之上、支援伺服器元件的 React 框架。

Astro

適用於 Astro 網站，支援內容集合，並以 React islands 的形式算繪 MDX。

以更簡便的開發者體驗試用 Fumadocs

Fumapress 是一個網站產生器，在 Fumadocs 的基礎上替您管理更多功能。

自動路由、llms.txt、MCP 等基本功能。
基於 Vite (Waku) 。

它會強制使用自有的 React 框架，但也因此能提供更好的開發者體驗。

簡介