什么是终端GIF？

一种看起来像终端会话的动态GIF，便于在文档中展示CLI命令，无需使用视频播放器。

我需要录制屏幕吗？

不需要。粘贴或输入伪终端输出，即可直接在浏览器中导出GIF。

这个GIF可以用在哪里？

README演示、博客文章、更新日志、入职文档和社交媒体帖子等。

Ctrl+K

终端 GIF 生成器

模拟终端输出并录制为 GIF 动画下载。

脚本

预览

使用方法

关于此工具

这款终端GIF生成器可以将伪终端输出转换为可下载的动态GIF——无需录制屏幕。粘贴或输入您想展示的命令和输出，预览会话效果，然后导出可用于README、更新日志、博客文章或产品演示的GIF。该工具专为需要以轻量方式展示CLI工作流程的开发者和技术文档撰写者而设计。由于动画是在浏览器中根据您提供的文本生成的，因此可以避免嘈杂的屏幕录制、多余的界面元素和体积庞大的视频文件。该工具免费使用，无需注册。当一个简短的循环终端演示比静态代码块更能快速传达信息时，可以使用它。

使用方法

1. 在脚本栏输入标签脚本（见下方标签列表） 2. 点击「播放」预览；可用「暂停」「从头开始」控制 3. 点击「记录」在播放时录制 GIF，结束后自动下载行首 ; 为注释。空行会显示为空白行。

选项

标签列表（仅行首有效；默认可省略冒号）

标签	说明	示例
`[prompt]` / `[prompt:值] 文字`	提示符。后有文字则如cmd逐字输入。值为提示符；默认 "~ $ " 或上次	`[prompt:/ $] npm run`
`[cmd]` / `[cmd:毫秒] 值`	命令输入。默认60ms/字	`[cmd] echo hello`
无标签行	输出	`Hello World`
`[wait]` / `[wait:毫秒]`	等待	`[wait:500]`
`[progress]` / `[progress:毫秒] 标签`	进度条。毫秒为到100%的时间。默认2000ms	`[progress:3000] Installing...`
`[spinner]` / `[spinner:毫秒] 标签`	加载动画。毫秒为显示时间。默认1500ms。完成后消失	`[spinner] Loading`
`[clear]`	清屏	`[clear]`
`[question]` / `[question:ms]问[answer]` / `[answer:ms]答`	问题+回答	`[question]Name?[answer]Bob`
`[color:色]...[/color]`	文字色（仅 black,red,green,yellow,blue,purple,cyan,gray）	`[color:red]error[/color]`
`[color:色:r]...[/color]`	背景色（同color）+白字	`[color:green:r] OK [/color]`
`[bold]...[/bold]`	行内粗体	`[bold]bold[/bold]`
行首 `;`	注释	`; comment`

使用场景

• README 和文档中的 CLI 演示 GIF • 教程与说明插图 • 工具和库的使用示例 • 博客与演示文稿配图

代码示例

基本脚本示例

Read Only

1[prompt]
2[cmd] echo hello
3Hello World
4[wait:500]

带颜色、粗体、进度条

Read Only

1[prompt]
2[cmd] npm install
3[color:green]✓[/color] installed [bold]successfully[/bold]
4[progress:2000]
5Done.

隐私与数据处理

播放和 GIF 生成均在浏览器内完成，不会将脚本或 GIF 发送到服务器。

常见问题

Q: 什么是终端GIF？: A: 一种看起来像终端会话的动态GIF，便于在文档中展示CLI命令，无需使用视频播放器。
Q: 我需要录制屏幕吗？: A: 不需要。粘贴或输入伪终端输出，即可直接在浏览器中导出GIF。
Q: 这个GIF可以用在哪里？: A: README演示、博客文章、更新日志、入职文档和社交媒体帖子等。
Q: 免费吗？: A: 是的，无需注册。