记录您的终端并生成动画 gif 图像或分享网络播放器链接 www.terminalizer.com
Generate
命令为录制文件生成 Web 播放器。apt-get
、yum
和 brew
安装。您需要先安装 Node.js,然后使用以下命令全局安装该工具:
yarn global add terminalizer
仍有问题?请查看 问题 部分或提交新问题。
使用 Node.js v4-v16 进行安装应该非常顺利。对于较新的版本,如果安装失败,您可能需要安装开发工具来构建 C++
插件。请查看 node-gyp。
使用 record
命令开始录制您的终端。
terminalizer record demo
当前目录中将创建一个名为“demo.yml”的文件。您可以使用任何编辑器打开它来编辑配置和录制的帧。您可以使用“play”命令回放录制内容。
terminalizer play demo
现在,让我们将录制内容渲染为 GIF 动画。
terminalizer render demo
GIF 压缩功能尚未实现。目前我们推荐使用 https://gifcompressor.com。
您可以使用“--help”选项获取有关命令及其选项的更多详细信息。
terminalizer <command> [options]
创建全局配置目录
terminalizer init
在当前目录中生成配置文件
terminalizer config
录制终端并创建录制文件
terminalizer record <recordingFile>
选项
-c, --config 覆盖默认配置 [字符串]
-d, --command 要执行的命令 [字符串] [默认值:null]
-k, --skip-sharing 跳过共享并显示共享提示消息 [布尔值] [默认值:false]
Examples
terminalizer record foo Start recording and create a recording file called foo.yml
terminalizer record foo --config config.yml Start recording with your own configurations
在终端上播放录音文件
terminalizer play <recordingFile>
选项
-r, --real-timing 使用记录的帧间实际延迟 [布尔值] [默认值:false]
-s, --speed-factor 速度因子,将帧延迟乘以此因子 [数字] [默认值:1]
将录制文件渲染为 gif 动图
terminalizer render <recordingFile>
选项
-o, --output 输出文件的名称 [字符串]
-q, --quality 渲染图像的质量 (1 - 100) [数字]
-s, --step 减少渲染帧数 (step > 1) [数字] [默认值:1]
上传录制文件并获取在线播放器链接
terminalizer share <recordingFile>
为录制文件生成一个网页播放器
terminalizer generate <recordingFile>
默认的 config.yml
文件存储在项目的根目录下。执行以下命令将其复制到当前目录。
使用任意编辑器编辑复制的
config.yml
文件,然后使用-c
选项覆盖默认文件。
terminalizer config
建议使用
init
命令创建一个全局配置文件来代替默认配置文件。
terminalizer init
对于 Linux 和 MacOS,创建的目录位于主目录 ~/config/terminalizer
下。对于 Windows,它位于 AppData
下。
command
:指定要执行的命令,例如 /bin/bash -l
、ls
或任何其他命令。默认为 Linux
的 bash
或 Windows
的 powershell.exe
。cwd
:指定当前工作目录路径。默认为当前工作目录路径。env
:导出额外的 ENV 变量,供脚本在开始录制时读取。cols
:明确设置列数,或使用 auto
获取 shell 的当前列数。rows
:明确设置行数,或使用 auto
获取 shell 的当前行数。frameDelay
:帧之间的延迟时间(以毫秒为单位)。如果值为“auto”,则使用实际录制延迟。fontSize
:字体大小(以像素为单位)。lineHeight
:行高(以像素为单位)。letterSpacing
:字母间距(以像素为单位)。您可以使用以下 CSS 格式之一设置终端的颜色:
#FFFFFF
。rgb(255, 255, 255)
。hsl(0, 0%, 100%)
。white
、red
、blue
。您可以为生成的 GIF 图片添加水印徽标。
watermark:
imagePath: AbsolutePathOrURL
style:
position: absolute
right: 15px
bottom: 15px
width: 100px
opacity: 0.9
watermark.imagePath
:图片在设备上的绝对路径或 URL。watermark.style
:将 CSS 样式(驼峰式)应用于水印图片,例如调整其大小。Terminalizer 自带预定义框架,您可以使用它们来让您的 GIF 图片看起来更酷炫。
frameBox.type
:可以为 null
、window
、floating
或 solid
。frameBox.title
:显示框架的标题或 null
。frameBox.style
:应用自定义 CSS 样式或覆盖当前样式。frameBox:
type: window
title: Terminalizer
style: []
frameBox:
type: floating
title: Terminalizer
style: []
frameBox:
type: solid
title: Terminalizer
style: []
frameBox:
type: solid
title: null
style: []
您可以禁用默认阴影和边距。
frameBox:
type: solid
title: null
style:
boxShadow: none
margin: 0px