Hugo ships with several Built-in Shortcodes for rich content, along with a Privacy Config and a set of Simple Shortcodes that enable static and no-JS versions of various social media embeds.
Hugo默认支付播放YouTube,Vimeo等视频格式,所有支持的类型见: Hugo/templates/shortcodes
使用方式见官方文档: shortcode-templates
如添加一个YouTube视频:
YouTube Privacy Enhanced Shortcode
<!-- 实际写的时候 '['替换为 '{' ']'替换为'}' -->
[[< youtube hDy9BrB9_VU >]]
除了官方已有的shortcode
模版,kagome
目前有两个自定义的shortcode,分别是aplayer
和dplayer
,如下:
aPlayer Shortcode
如果需要使用aplayer需要在Front Matter
中添加aplayer: true
<!-- 实际写的时候 '['替换为 '{' ']'替换为'}' -->
[[< aplayer
url="https://qiniu.sukoshi.xyz/public/music/鹿乃 - アイロニ.mp3"
name="アイロニ"
artist="鹿乃"
cover="https://qiniu.sukoshi.xyz/public/music/鹿乃 - アイロニ.jpg"
lrc="https://qiniu.sukoshi.xyz/public/music/鹿乃 - アイロニ.lrc"
lrcType="3"
>]]
dPlayer Shortcode
如果需要使用dplayer需要在Front Matter
中添加dplayer: true
<!-- 实际写的时候 '['替换为 '{' ']'替换为'}' -->
[[< dplayer
url="https://qiniu.sukoshi.xyz/video/%E7%BE%8E.mp4"
pic="https://qiniu.sukoshi.xyz/video/%E7%BE%8E.mp4?vframe/jpg/offset/10"
>]]