【注意】最后更新于 March 11, 2021,文中内容可能已过时,请谨慎使用。
参考了几个帖子:
Hexo中插入Bilibili视频
如何在Hugo/Hexo博客中插入响应式Bilibili视频代码块
关于博客园内嵌入bilibili视频
even主题如何插入bilibili视频?
传统方法找到视频分享嵌入代码

直接嵌入效果不太好。
hugo不用这么麻烦
Hugo的话,将下面的代码保存为\layouts\shortcodes\bilibili.html,
1
2
3
|
<div style="position:relative; padding-bottom:75%; width:100%; height:0">
<iframe src="//player.bilibili.com/player.html?bvid={{.Get 0}}&page={{.Get 1}}" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" style="position:absolute; height: 100%; width: 100%;"></iframe>
</div>
|
以后,在日志中使用以下代码即可调用。

以上至少even主题是这样的。
写个日志记一下,怕到时候代码忘记了。