该组件主要配合 自定义主题 中的 wrap/eject 使用 ,与 MDX 里直接导入使用的组件不同,你可以通过传递组件 props 或直接覆盖该组件达到修改样式和功能的目的。如果通过 eject 覆盖整个组件,需注意组件对应配置项的读取会失效,需要自行控制。
该组件是 首页 的一部分,HomeBackground 用于在首页渲染背景效果,同时会自动将导航栏设置为透明样式。
HomeBackground
通过 自定义主题 来进行修改或覆盖。
import { HomeBackground as BasicHomeBackground } from '@rspress/core/theme-original'; export function HomeBackground() { return <BasicHomeBackground className="my-custom-bg" />; }