Appearance
能力演示(GIF)
主页采用 pi.dev 式的滚动叙事:每个能力区块左侧文案、右侧 GIF。将录屏放到下列路径即可替换占位符。
文件清单
| 文件名 | 用途 | 建议尺寸 |
|---|---|---|
public/demos/eb-module-config.gif | 自然语言修改模块参数 | 终端比例,宽 ≥ 960px |
public/demos/eb-autocalc.gif | @CALC + eb_autocalc 流程 | 同上 |
public/demos/eb-batch-verify.gif | verify / 错误摘要 | 同上 |
public/demos/session-tree.gif | Pi 会话树 / 分支 | 16:10 |
录制建议
- 终端主题与官网深色风格接近(背景
#0b0f14附近)。 - 单条 GIF 控制在 8–15 秒,循环流畅;可用 ScreenToGif、Peek 或 ffmpeg:
bash
ffmpeg -i session.mp4 -vf "fps=12,scale=960:-1:flags=lanczos,split[s0][s1];[s0]palettegen[p];[s1][p]paletteuse" public/demos/eb-module-config.gif- 敏感工程路径、客户名请打码。
在文档中复用
任意 Markdown 页面可使用主题组件:
html
<GifFrame
src="/demos/eb-module-config.gif"
alt="eb-module-config"
aspect="terminal"
caption="说明文字"
/>未提供 src 时显示占位条纹,便于排版先于录屏完成。
