AI Magic 3DDocsÜberblick
Ein Überblick über die Fumadocs-Benutzeroberfläche
Architektur
Seitenbaum
Navigationselemente wie die Seitenleiste benötigen einen Seitenbaum, um Navigationslinks darzustellen. Dabei handelt es sich um einen Baum, der alle verfügbaren Seiten und Ordner beschreibt.
Normalerweise wird es aus Ihrer Dateistruktur mit loader() generiert, Sie können lernen, wie man Seiten organisiert.
Anpassung
Layouts
Sie können die verfügbaren Optionen verschiedener Layouts nutzen:
Docs Layout
Layout for docs
Docs Page
Layout for docs content
Notebook Layout
A more compact version of Docs Layout
Home Layout
Layout for other pages
Komponenten
Die Benutzeroberfläche von Fumadocs bietet auch gestaltete Komponenten für interaktive Beispiele zur Verbesserung Ihrer Dokumente. Sie können sie mit exponierten Requisiten wie style und className anpassen.
Siehe Komponenten.
Design-System
Da das Designsystem auf Tailwind CSS basiert, können Sie es mit CSS-Variablen] anpassen.
CLI
Wenn keines davon zu Ihnen passt, ist Fumadocs CLI ein Tool zum Installieren von Fumadocs-UI-Komponenten und -Layouts in Ihrer Codebasis, ähnlich der Shadcn-UI. So können Sie die Benutzeroberfläche von Fumadocs vollständig anpassen:
npx fumadocs add