Skip to content

Hero 配置

Hero 运行时 frontmatter,用于首页组合。

页面

  • - 包含示例的完整 hero frontmatter 契约
  • - 每个字段的完整 API 参考表
  • - 排版、浮动元素、Shader、背景与导航搜索视觉扩展
  • - Hero 相关框架改动应遵循的共享规范

主要章节

  • 背景hero.backgroundimage | video | color | shader | particles,支持背景遮罩和多层合成
  • 波浪hero.waves — SVG 波浪过渡,支持逐层控制
  • 图像hero.imageimage | video | gif | model3d | lottie,支持边框和发光选项
  • 排版hero.typography — 运动风格(floating-tiltgrouped-floatslanted-wrap
  • 颜色hero.colors — 文本颜色、导航栏颜色和搜索框颜色
  • 浮动hero.floatingtext | card | image | lottie | badge | icon | stat | code | shape
  • 按钮hero.actions — 支持 theme、linkKey 和样式覆盖