图标

要在行内使用此短代码,需在配置中启用行内短代码功能:

hugo.yaml
enableInlineShortcodes: true

可用图标列表可在 data/icons.yaml 中找到。

示例

使用方法

{{< icon "github" >}}

默认支持 Heroicons v1 轮廓风格图标。

如何添加自定义图标

创建 data/icons.yaml 文件,按以下格式添加您的 SVG 图标:

data/icons.yaml
your-icon: <svg>您的图标 SVG 内容</svg>

随后即可通过短代码调用:

{{< icon "your-icon" >}}

{{< card icon="your-icon" >}}

提示:Iconify Design 是寻找网站 SVG 图标的优质资源平台。

最后更新于