命令行终端命令录制工具-Asciinema

太过爱你忘了你带给我的痛 2022-12-24 10:49 265阅读 0赞

#### 引子 ####

在GitHub上闲逛，发现一个命令行录制工具`asciinema`，[官网地址][Link 1].

这是一款可以录制命令行输入执行输出的工具，多平台可用，录制生成json文件，配合JavaScript和CSS解析，达到视频播放效果，但是远远比视频要轻便，同时还有一个非常棒的功能就是：观看的时候可以直接复制播放内容。同时，在官网上面配置账户可以实现很方便的分享。这款工具非常适合那些经常需要将整个命令执行过程进行教程录制，或者记录整个命令行下的操作的一类人群。

#### 安装和使用 ####

工具支持多个平台使用，具体平台的安装方法可以看[官网文档][Link 2]，写的很详细。

使用方法：

1.  录制：  
    安装成功之后，直接在命令行中使用命令`asciinema rec`就可以开始录制，使用`Ctrl + D`就会停止录制，接着数据`Enter`键就可以直接上传到官方服务器，并且返回一个访问链接。

![e5d55791206a3df7d48c418cb0ba6ed0.png][]

访问返回的链接，可以在线播放录制的命令了，此时的录制文件还是`private`，可以点击`setting`设置`public`，或者编辑其他信息。或者下载，分享，都可以。

![103c1868c153dbd5880de267213d5ee4.png][]

同时，使用`asciinema rec <output-file-name>`可以录制文件，录制完成之后可以将录制文件放置在本地，不会上传到云端。

1.  录制附加

可以使用命令`asciinema rec <output-file-name> --append`在已经录制的文件之后追加录制内容

1.  录制覆盖

使用命令`asciinema rec <output-file-name> --overwrite`可以将已经录制的文件进行覆盖

#### 录制播放 ####

`asciinema play </path/to/file>`

#### 配置账号 ####

1.  先去官方注册一个账号，验证邮箱之后就可以使用账号了。
2.  使用命令`asciinema auth`，返回一个链接，在浏览器中打开这个链接，如果登录了，会直接把该机器上的录像都分配到该账号下面。

#### 外部播放 ####

1.  js引入方式

1.  hexo使用，安装一个hexo插件[hexo-filter-asciinema][]，或者[hexo-tag-asciinema][]安装之后，在\_config.yml中配置一下就可以直接在文章中使用。不过，后者只能播放线上的文件，只能配置线上地址的ID。前者可以播放本地文件，但是有一个问题就是代码会被遮挡一部分，行高不对。

[Link 1]: https://asciinema.org/
[Link 2]: https://asciinema.org/docs/installation
[e5d55791206a3df7d48c418cb0ba6ed0.png]: /images/20221120/6ee6261955264e8fbee39702f350d982.png
[103c1868c153dbd5880de267213d5ee4.png]: /images/20221120/fe8931b7cde940f3a5ae615e94cf0df1.png
[hexo-filter-asciinema]: https://github.com/mythsman/hexo-filter-asciinema
[hexo-tag-asciinema]: https://github.com/narongdejsrn/hexo-tag-asciinema