Fumadocs
Layouts

首页布局

其他页面的共享布局

Install via Fumadocs CLI

For advanced customisation that supported options cannot suffice.

npx @fumadocs/cli@latest customise

使用方法

在其他页面中添加导航栏和搜索对话框。

/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>;
}

我们推荐从 baseOptions 自定义它。

How is this guide?

Last updated on

On this page