Asciinema Player 演示
Asciinema Player 演示
2025年8月21日
Asciinema Player 演示
这篇文章演示了如何在Hugo博客中使用asciinema player来播放终端录制文件。
基本用法
最简单的用法,只需要指定cast文件路径:
带主题的播放器
你可以指定不同的主题:
Marker点功能
普通Marker点
在特定时间点添加标记,用于导航:
带标签的Marker点
在特定时间点添加带标签的标记:
混合Marker点
在同一个参数中混合使用普通marker和带标签的marker:
空格处理测试
测试各种空格情况,确保解析正确:
自定义播放设置
你可以调整播放速度等:
自动播放和循环
完整配置示例
高级示例 - Node.js项目设置
这是一个更复杂的示例,展示了如何设置一个Node.js项目:
使用方法
在你的Markdown文件中,使用以下语法:
{{< asciinema file="your-file.cast" >}}
可用参数
file
: cast文件路径(必需)theme
: 主题名称(默认:asciinema)speed
: 播放速度(默认:1)autoplay
: 是否自动播放(默认:false)loop
: 是否循环播放(默认:false)poster
: 海报图片URLmarkers
: marker点,支持混合格式:- 普通marker:
2.0,4.0,6.0
- 带标签marker:
2.0:ls命令,4.0:查看文件
- 混合格式:
2.0,4.0,6.0,1.0:开始,3.0:执行,5.0:结束
- 支持空格:
2.0 , 4.0 , 1.0 : 开始 , 3.0 : 执行
- 普通marker:
支持的主题
- asciinema(默认)
- dracula
- monokai
- solarized-dark
- solarized-light
- tango
- tomorrow-night
- tomorrow-night-bright
- tomorrow-night-blue
- tomorrow-night-eighties
- tomorrow
- white
最后更新于