前言

一次看别人的blog发现一个linux的录屏工具asciinema
官网: https://asciinema.org/
github: https://github.com/asciinema

1、在linux下安装工具

1
2
3
4
5
6
7
8

pip install:
pip3 install asciinema

yum install:
yum install asciinema

homebrew install:
brew install asciinema

2、常规用途介绍

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14

开始录屏
asciinema rec

停止录屏
Ctrl+D 或 exit 然后Ctrl+C

本地播放
asciinema play filename

URL播放
asciinema play http(s)://asciinema.org/a/22124.cast

上传到asciinema服务器
asciinema upload filename

3、转本地化blog播放

3.1 github下载asciinema-player项目的js和css文件

下载地址：https://github.com/asciinema/asciinema-player

3.2 添加到hugo的自定义js和css中，config.yml配置

1
2

customCSS = ['asciinema-player.css']
customJS = ['asciinema-player.js']

3.3 开启hugo的自定义html标签，config.yml增加配置

1
2

[markup.goldmark.renderer]
  unsafe = true

3.4 blog中增加播放标签和本地的录制文件，比如下面demo

1

<asciinema-player src="/posts/rec/335029.cast"></asciinema-player>

效果如下：

4、更多参数可以参考asciinema –help或官方Doc

官方Doc: https://asciinema.org/docs/