Shortcodes示例

quote

引用, 代码样式如下:

{{< quote >}}
十里青山远，潮平路带沙。数声啼鸟怨年华。又是凄凉时候，在天涯。白露收残月，清风散晓霞。绿杨堤畔问荷花。记得年时沽酒，那人家。
{{< /quote >}}

十里青山远，潮平路带沙。数声啼鸟怨年华。又是凄凉时候，在天涯。白露收残月，清风散晓霞。绿杨堤畔问荷花。记得年时沽酒，那人家。

居中引用, 代码样式如下:

{{< quote-center >}}
黑夜给了我黑色眼睛<br/>我却用他寻找光明
{{< /quote-center >}}

黑夜给了我黑色眼睛
我却用他寻找光明

文字位置设定, 代码样式如下:

{{< align left "文字居左" >}}
{{< align center "文字居中" >}}
{{< align right "文字居右" >}}

文字居左

下划线使用, 代码样式如下:

{{< underline color="#ffdd00" content="还记得当天旅馆的门牌" >}}

还记得当天旅馆的门牌

卡片, 代码样式如下:

{{< card >}}
黄河之水天上来
<br />
奔流到海不复回
{{< /card >}}

黄河之水天上来
奔流到海不复回

提示, 代码样式如下:

可用的关键字用 error,warning,info,tip,success

 {{<notice info>}}This is info{{</notice>}}

This is info

插入音乐，代码样式如下：

{{< music id="569200212" type="song" server="netease" >}}

会与 TOC 冲突，使用这个的时候不要开启 TOC

shortcodes 的形式写出来会被 Hugo 直接渲染，可以使用 /* */ 来防止被转义.

{{</* yourcodes */>}}

shortcodes 的使用参考了如下文章: