- 分组
- 概念 · 定义一个词 / 引用一句话
- 组件
QuoteHero·#quote-hero- 交互
- 关键词底纹依次从左向右划出；悬停注释时图标副色变为强调色。
适合
- 给全场统一一个术语的定义
- 引用一句有分量的原话作为论点
不适合
- 句子超过 64 字：改用 NumberedColumns 拆开讲
- 没有可靠出处的“名言”
内容上限
| 1 | quote ≤ 64 字；需要换行时传数组，最多 3 行 × 22 字 |
| 2 | marks 1–3 个，必须是 quote 里原样出现的子串 |
| 3 | cite ≤ 30 个字符，写原文出处 |
| 4 | notes 正好 3 条：label ≤ 8 字，text ≤ 36 字 |
| 5 | 引语要逐字照抄原文，不要改写后加引号 |
字段
| 字段 | 类型 | |
|---|---|---|
kicker · 必填 | string | 小节名 |
quote · 必填 | string | string[] | 定义或引语 |
marks | string[] | 要划出的关键词 |
cite · 必填 | string | 原文出处，前面自动加破折号 |
notes | { icon, label, text }[3] | 三条注释 |
source | string | 注释里的事实出处 |
示例代码
<QuoteHero
kicker="定义"
quote={['GEO 指提高内容在 AI 生成回答中', '被呈现和引用的频率与准确性。']}
marks={['频率', '准确性']}
cite="示例知识库 · 基础概念 / 生成式引擎优化"
notes={[
{ icon: 'academic', label: '术语出处', text: '一篇 2023 年的论文。' },
{ icon: 'search', label: 'Seekr 的立场', text: '针对其生成式 AI 功能做优化，仍然属于 SEO。' },
{ icon: 'shield-warning', label: '研究的提醒', text: '多数优化方法基本无效。' },
]}
source="示例知识库 · 基础概念 / GEO"
/>