概覽

架構

頁面樹

側邊欄等導航元素使用頁面樹來渲染導航鏈接，它是描述所有可用頁面和資料夾的樹形結構。

通常，它是使用 loader() 從您的文件結構生成的，您可以瞭解如何組織頁面。

自定義

佈局

您可以使用不同佈局的暴露選項：

組件

Fumadocs UI 還提供了樣式化組件，用於交互式示例以增強您的文檔，您可以使用暴露的道具如 style 和 className 來自定義它們。

參見組件。

設計系統

由於設計系統是基於 Tailwind CSS 構建的，您可以通過 CSS 變量自定義它。

CLI

如果這些都不適合您，Fumadocs CLI 是一個工具，可以將 Fumadocs UI 組件和佈局安裝到您的代碼庫中，類似於 Shadcn UI。允許您完全自定義 Fumadocs UI：

npx fumadocs add