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: 海报图片URL
  • markers: 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 : 执行

支持的主题

  • asciinema(默认)
  • dracula
  • monokai
  • solarized-dark
  • solarized-light
  • tango
  • tomorrow-night
  • tomorrow-night-bright
  • tomorrow-night-blue
  • tomorrow-night-eighties
  • tomorrow
  • white
最后更新于