asciinema + svg-term 生成命令行录屏 svg 动图
🌩️

asciinema + svg-term 生成命令行录屏 svg 动图

Tags
terminal
Published
Feb 17, 2022

前言

asciinema 是一个可以在终端录制你的操作,然后上传到网上,可以回看的一个站点,对于分享 terminal 操作十分方便。
svg-term 是一个可以将 asciinema 录屏转换为 svg 动图的工具,和 asciinema 搭配完美搭配。
svg 格式是可缩放矢量图形(Scalable Vector Graphics)的缩写,本质上是一种使用文本描述图片或者动图的格式,优点是相比 jpg、png、gif 这些图片/动图格式体积小很多(因为存储格式是文本)。
 
asciinema + svg-term 搭配可以生成类似这样的项目动图:
notion image
 

安装

  1. 安装 asciinema brew install asciinema
  1. 安装 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