Hugo使用admonition美化文章

hugo的LoveIt,FixIt主题都集成了admonition shorcode功能,可以比较方便的进行使用,语法和样式效果如下。

注意

1
2
3
{{< admonition note >}}
一个 **注意** 横幅
{{< /admonition >}}
注意
一个 注意 横幅

技巧

1
2
3
{{< admonition tip >}}
一个 **技巧** 横幅
{{< /admonition >}}
技巧
一个 提示 横幅

摘要

1
2
3
{{< admonition abstract >}}
一个 **摘要** 横幅
{{< /admonition >}}
摘要
一个 摘要 横幅

信息

1
2
3
{{< admonition info >}}
一个 **信息** 横幅
{{< /admonition >}}
信息
一个 信息 横幅

成功

1
2
3
{{< admonition success >}}
一个 **成功** 横幅
{{< /admonition >}}
成功
一个 成功 横幅

问题

1
2
3
{{< admonition question >}}
一个 **问题** 横幅
{{< /admonition >}}
问题
一个 问题 横幅

警告

1
2
3
{{< admonition warning >}}
一个 **警告** 横幅
{{< /admonition >}}
警告
一个 警告 横幅

失败

1
2
3
{{< admonition failure >}}
一个 **失败** 横幅
{{< /admonition >}}
失败
一个 失败 横幅

危险

1
2
3
{{< admonition danger >}}
一个 **危险** 横幅
{{< /admonition >}}
危险
一个 危险 横幅

bug

1
2
3
{{< admonition bug >}}
一个 **bug** 横幅
{{< /admonition >}}
Bug
一个 bug 横幅

示例

1
2
3
{{< admonition example >}}
一个 **示例** 横幅
{{< /admonition >}}
示例
一个 示例 横幅

引用

1
2
3
{{< admonition quote >}}
一个 **引用** 横幅
{{< /admonition >}}
引用
一个 引用 横幅
uyaki 支付宝支付宝
uyaki 微信微信
0%