close

HomeBackground

Warning

该组件主要配合 自定义主题 中的 wrap/eject 使用 ,与 MDX 里直接导入使用的组件不同,你可以通过传递组件 props 或直接覆盖该组件达到修改样式和功能的目的。如果通过 eject 覆盖整个组件,需注意组件对应配置项的读取会失效,需要自行控制。

该组件是 首页 的一部分,HomeBackground 用于在首页渲染背景效果,同时会自动将导航栏设置为透明样式。

用法

通过 自定义主题 来进行修改或覆盖。

import { HomeBackground as BasicHomeBackground } from '@rspress/core/theme-original';

export function HomeBackground() {
  return <BasicHomeBackground className="my-custom-bg" />;
}