Hugo 文章中引用 Bilibili 的视频

在这篇文章中，我们将演示如何在 Hugo 文章中引用 Bilibili 的视频。

首先，我们需要创建一个名为 bilibili.html 的短代码模板，保存到 Hugo 项目的 layouts/shortcodes 目录下。然后，我们可以在文章中使用这个短代码来引用 Bilibili 的视频。

<div style="position: relative; padding: 32% 45%;">
    <iframe style="position: absolute; width: 100%; height: 100%; left: 0; top: 0;" 
    src="//player.bilibili.com/player.html?bvid={{.Get 0 }}&page={{ if .Get 1 }}{{.Get 1}}{{ else }}1{{end}}&as_wide=1&high_quality=1&danmaku=1" 
    scrolling="no" frameborder="no" framespacing="0" allowfullscreen="true"></iframe>
</div>

以下是引用 Bilibili 视频的示例：

\{\{< bilibili BVXXXXXXXX >}}(去掉"\")

其中，BVXXXXXXXX 是你想要引用的 Bilibili 视频的 BV 号。

如果你想要引用视频的特定页数，可以在调用短代码时提供第二个参数，例如：

\{\{< bilibili BVXXXXXXXX 2 >}}(去掉"\")

这样会在页面中显示 Bilibili 视频的第二页内容。