利用短代码在hugo博客中加入bilibili播放器插件

王叨叨在 开源Bilibili播放器插件 一文中，分享了一个Typecho插件，用于将Bilibili默认播放器替换为HTML5移动端播放器，并提供更多自定义选项。 基于他的源代码，考虑将其移植到Hugo中，并通过短代码来实现bilibili视频的调用。 短代码是Hugo的一项强大功能，允许我们在Markdown中嵌入HTML片段，实现复杂的布局和功能。 王叨叨的Typecho插件主要通过以下方式工作： 通过正则表达式匹配和替换Bilibili播放器iframe 提供丰富的配置选项（宽度、高度、自动播放、弹幕开关等） 替换默认播放器为HTML5移动端播放器，提升用户体验 在上述的基础上，借助AI实现了一定程度的高度自适应和自定义封面功能，为什么说是一定程度上的高度自适应，其实是新加入了ratio参数，即明确了视频宽高比，再根据视频宽高比，使用 padding-bottom 技巧实现真正的宽高比自适应。 示例 视频加载中... 具体实现 创建短代码文件 在Hugo项目的 layouts/shortcodes/ 目录下创建 bilibili.html 文件：