圖標

要內聯使用此短代碼,需要在配置中啟用內聯短代碼:

hugo.yaml
enableInlineShortcodes: true

可用圖示清單可以在以下位置找到 data/icons.yaml

範例

用法

{{< icon "github" >}}

Heroicons v1 輪廓圖示開箱即用

如何新增自己的圖標

建立 data/icons.yaml 文件,然後按以下格式新增您自己的 SVG 圖示:

data/icons.yaml
your-icon: <svg>your icon svg content</svg>

然後可以在短代碼中使用它,如下所示:

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

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

提示:Iconify Design 是為您的網站尋找 SVG 圖示的好地方