Asciinema一个用来记录窗口操作记录的开源软件
asciinema 是一个开源的用来记录窗口操作的小工具
1. 安装
// mac
# brew install asciinema
// centos
# yum install asciinema
2. 使用
// 使用
# asciinema rec
结束记录只需要输入 exit 或者 ctrl+D 就可以了，可以选择保存到本地，或者他会自动同步到asciinema网站
3. 管理自己的文件
# asciinema auth
Open the following URL in a browser to register your API token and assign any recorded asciicasts to your profile:
https://asciinema.org/connect/5a76c6ed-4ec7-4ddc-a333-905167539a72
首先在asciinema 网站注册一个账号，只需要邮箱就可以注册，把输出的链接打开就会把文件归类到你的目录下
4. 在markdown文档中引用
//html
<a href="https://asciinema.org/a/14"><img src="https://asciinema.org/a/14.png" width="836"/></a>
// markdown
[](https://asciinema.org/a/14)
但是这个会调链接，并不是我们想要的，我想要实现的是在本页面播放，而且资源也是自己的
5. asciinema player
// 下载相关的js和css
# wget https://github.com/asciinema/asciinema-player/releases/download/v2.6.1/asciinema-player.css
# wget https://github.com/asciinema/asciinema-player/releases/download/v2.6.1/asciinema-player.js
// 下载你的记录
下载的记录为 193839.json
6.嵌入到markdown
因为markdown是支持html标签的
<html>
<link rel="stylesheet" type="text/css" href="/asciinema-player.css" />
<asciinema-player src="/193839.json" cols="146" rows="42"></asciinema-player>
...
<script src="/asciinema-player.js"></script>
</html>
这里这些js 和记录文件我们可以放到腾讯云的对象存储中，这样就可以直接引用就可以了
把上面的链接全部改成腾讯云的
这里有个问题，因为是跨域，需要在腾讯云对象存储设置CORS
如果你是个人博客，那么可以吧asciinema-player.css asciinema-player.js放到博客主题的全部引用中，这样就可以不用再markdown中写引用js了
<html>
<asciinema-player src="/193839.json" cols="146" rows="42"></asciinema-player>
</html>
最后就可以播放了