Formion LogoMkSaaS文檔
Formion LogoMkSaaS文檔
首頁

介紹

快速入門什麼是 Fumadocs對比

設置

手動安裝靜態導出

寫作

Markdown國際化

UI

概覽主題搜尋
組件
MDX
文檔佈局主頁佈局筆記本文檔頁面根提供者
X (Twitter)
Layouts

筆記本

文檔佈局的更緊湊版本

使用方法

使用 fumadocs-ui/layouts/notebook 啟用筆記本佈局,它比預設佈局更加緊湊。

Notebook

layout.tsx
import { DocsLayout } from 'fumadocs-ui/layouts/notebook';
import { baseOptions } from '@/app/layout.config';
import { source } from '@/lib/source';
import type { ReactNode } from 'react';

export default function Layout({ children }: { children: ReactNode }) {
  return (
    <DocsLayout
      {...baseOptions}
      // the position of navbar
      nav={{ ...baseOptions.nav, mode: 'top' }}
      // the position of Sidebar Tabs
      tabMode="navbar"
      tree={source.pageTree}
    >
      {children}
    </DocsLayout>
  );
}

主頁佈局

其他頁面的共享佈局

文檔頁面

文檔中的頁面

目錄

使用方法