跳至內容
Fumadocs

首頁版面配置

供其他頁面共用的版面配置

僅包含導覽列的版面配置。

Home Layout

Install via Fumadocs CLI

For advanced customization that supported options cannot suffice.

npx @fumadocs/cli@latest customize

使用方式

為其他頁面加入導覽列與搜尋對話方塊。

/app/(home)/layout.tsx
import { HomeLayout } from 'fumadocs-ui/layouts/home';
import { baseOptions } from '@/lib/layout.shared';
import type { ReactNode } from 'react';

export default function Layout({ children }: { children: ReactNode }) {
  return <HomeLayout {...baseOptions()}>{children}</HomeLayout>;
}

關於 links 與 nav 選項的詳細說明,請參閱對應文件。

How is this guide?

最後更新於