Seiheki主题演示站

这是一个演示站


Hugo短代码


2023.12.31
shortcode html themes
1 分钟阅读

阅前提示

  由于转义字符貌似不起作用,为了防止代码块中的短代码被渲染,我将短代码的 {{< 和 >}} 中的尖括号和大括号之间添加了空格,在实际使用时无需添加空格。

使用aplayer短代码来插入APlayer播放器

  参数server:音乐提供商,例如netease。

  参数type:类型,例如song。

  参数id:唯一的id号码。

1
{{ < aplayer server="netease" type="song" id="518894020" > }}

使用updated-banner短代码来插入文章过时提示

  参数day:日期,指定在文章发布多少日后显示此banner。

1
{{ < updated-banner day="1"> }}
注意:本文最后更新于 2023-12-31,文中内容可能已过时。

使用banner短代码来插入普通Banner

  参数icon:Material Icon中的Icon图标。

  参数border:边框颜色。

  参数background:Banner上部的背景颜色。

  参数top:Banner标题文字。

  参数bottom:Banner正文内容。

1
{{ < banner icon="settings" border="#FFAE00" background="#ffa6005c" top="测试标题"  bottom="测试内容" > }}

使用photo-row短代码来使图片处于同一行

1
2
3
4
{{ < photo-row > }}
https://via.placeholder.com/500
https://img.cicada000.work/-65271da64549bbae.jpg
{{ < /photo-row > }}

Wait a Second...