前言
asciinema 是一个可以在终端录制你的操作,然后上传到网上,可以回看的一个站点,对于分享 terminal 操作十分方便。
svg-term 是一个可以将 asciinema 录屏转换为 svg 动图的工具,和 asciinema 搭配完美搭配。
svg 格式是可缩放矢量图形(Scalable Vector Graphics)的缩写,本质上是一种使用文本描述图片或者动图的格式,优点是相比 jpg、png、gif 这些图片/动图格式体积小很多(因为存储格式是文本)。
asciinema + svg-term 搭配可以生成类似这样的项目动图:
安装
- 安装 asciinema
brew install asciinema
- 安装 svg-term-cli
npm install -g svg-term-cli
步骤
使用 asciinema 开始记录命令行操作:
asciinema rec test.cast
使用 svg-term-cli 将 asciinema 录屏转换为 svg 动图:
svg-term \
--in /var/folders/vl/x6qyn6_x56363ljp5_w90hsh0000gq/T/tmppj4115re-ascii.cast \
--out ./test.svg --window