Hugo 自定义shortcode

来吧Bilibili

由于倒时差,实在睡不着,就起来折腾一下Hugo。国内的朋友可能看不到Youtube,如果打开一个网页各种404也是不爽的。一时兴起,不如把Bilibili写成shortcode,这样也方便自己以后集成哔哩哔哩的视频。

顺便也熟悉一下Hugo怎么来搞这个自定义layout和熟悉一下debug过程。

过程

那肯定是要找个例子,Hugo自身就提供了一个非常好的Youtube shortcode。Hugo本身是开源的,一顿操作之下,顺利找到代码。 Hugo Youtube HTML Layout

然后我们就能以类似的方式设计自己的shortcode了,搞一个iframe,搞掂。而且哔哩哔哩默认带弹幕的,只要找到对应的aid就可以了。

Example

可能需要耐心等候,哔哩哔哩的加载速度实在很慢。

如何使用shortcode代码

{{< bilibili aid="61016858” >}}

Avatar
Marco Huang
Yet Another Engineer
comments powered by Disqus

Related