博客现已支持 Asciinema

前几天好朋友分享给我一个工具，叫 asciinema。经了解，发现这真是个好东西！

这玩意儿能记录在终端的命令操作过程，最终记录文件并不是视频文件，而是一个 json 文件。

工具除了录制还能播放此文件，就是解析这个 json 文件中的内容，里面记录了每个关键时刻的 stdin 和 stdout，所以在播放的时候其实就是输入输出的过程，当然没这么简单，里面还记录了终端的一些信息，比如终端的行数和列数、颜色等信息。

所以，播放记录的时候还可以复制粘贴里面的内容。这东西太适合做命令行操作分享的时候使用了，所以又深入研究了下。

官方提供了播放记录文件的 WEB 支持，只需一个 js 文件和 css 文件，使用标签 asciinema-player 就能在 HTML 中展示记录文件了，而且还能换主题。花了几分钟，在自己的博客中简单添加了 asciinema 的支持！

BUT！BUT！BUT！ @yyrcd 提醒下，发现js 文件竟然与评论系统 valine 的 js 不兼容，如果加载了 asciinema-player.js 评论就不能正常加载显示了，本来想着可以自己本地管理要分享的录制，那还是使用 asciinema 官网管理吧，官方提供了 script 嵌入方式的分享途径，也能达到自己想要的效果，且不会造成不兼容的现象，就是加载的会慢一点，就先这样吧！

以后分享命令行操作就用这玩意儿了，舒服～

比如我要在本页展示官方的 demo ，就可以页面中加入：

<script id="asciicast-326538" loop="loop" src="https://asciinema.org/a/326538.js" async data-speed="3"></script>

效果如下：