很多时候,为了更好的展示作品或解答问题,需要录制一段脚本,以前的做法是下一个gif录制软件,然后新建,选择区域,录制,时间控制,显得非常复杂,而且很容易出错;现在发现有一款软件asciinema可以录制并分享你的终端命令,非常棒的idea,现在将这个运用在我博客上,非常炫酷。下面记录下具体接入过程:

1. 下载asciinema-player.js和asciinema-player.css到相应的目录

2. 添加到html的head中

<link rel="stylesheet" type="text/css" href="./asciinema-player.css" />
<script type="text/javascript" src="./asciinema-player.js"></script>

3. 录制

asciinema rec test.json

PS: 按ctrl+D结束录制

4. 上传json至云端

可以将json文件放于七牛或其它http服务器中

5. 展现

在markdown文件或html中加入下面这段代码,即可实现本例开头的效果

<asciinema-player src="http://ovjgvf1tp.bkt.clouddn.com/summary.json" autoplay preload loop></asciinema-player>

PS: asciinema-player还有其他功能,可以查考官网文档