LogoMkSaaS 文件

概覽

Fumadocs UI 的概覽

架構

頁面樹

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

通常,它是使用 loader() 從你的檔案結構生成的,你可以了解如何組織頁面

自訂

佈局

你可以使用不同佈局的公開選項:

元件

Fumadocs UI 還提供了樣式化元件,用於互動式範例以增強你的文件,你可以使用公開的屬性如 styleclassName 來自訂它們。

請參閱元件

設計系統

由於設計系統是基於 Tailwind CSS 建置的,你可以透過 CSS 變數自訂它。

CLI

如果這些都不適合你,Fumadocs CLI 是一個工具,可以將 Fumadocs UI 元件和佈局安裝到你的程式碼庫中,類似於 Shadcn UI。允許你完全自訂 Fumadocs UI:

npx fumadocs add