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