概覽
Fumadocs UI 的概覽
架構
頁面樹
側邊欄等導航元素使用頁面樹來渲染導航連結,它是描述所有可用頁面和資料夾的樹狀結構。
通常,它是使用 loader()
從你的檔案結構生成的,你可以了解如何組織頁面。
自訂
佈局
你可以使用不同佈局的公開選項:
元件
Fumadocs UI 還提供了樣式化元件,用於互動式範例以增強你的文件,你可以使用公開的屬性如 style
和 className
來自訂它們。
請參閱元件。
設計系統
由於設計系統是基於 Tailwind CSS 建置的,你可以透過 CSS 變數自訂它。
CLI
如果這些都不適合你,Fumadocs CLI 是一個工具,可以將 Fumadocs UI 元件和佈局安裝到你的程式碼庫中,類似於 Shadcn UI。允許你完全自訂 Fumadocs UI:
npx fumadocs add