midtowndrafting.com/content/docs/guide/shortcodes/icon.zh-cn.md
2024-05-03 19:04:48 -04:00

957 B

title
图标

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

enableInlineShortcodes: true

可用图标列表可以在以下位置找到 data/icons.yaml.

示例

{{< icon "academic-cap" >}} {{< icon "cake" >}} {{< icon "gift" >}} {{< icon "sparkles" >}}

用法

{{</* icon "github" */>}}

Heroicons v1 轮廓图标开箱即用

如何添加自己的图标

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

your-icon: <svg>your icon svg content</svg>

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

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

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

提示:Iconify Design 是为您的网站查找 SVG 图标的好地方