Files
hextra_mirror/exampleSite/content/docs/guide/shortcodes/icon.zh-cn.md
Xin ec007d73c0 docs(blog): prepare for v0.10 release post (#746)
* docs(blog): prepare for v0.10 release post

* Update v0.10.md

* Update v0.10.md to refine upgrade instructions and enhance blog features. Added synchronized tab switching and pagination controls, while improving the search experience and table of contents navigation.

* Enhance v0.10 release documentation with detailed upgrade instructions and migration guide. Added Tailwind theme variable customization section and clarified breaking changes. Improved clarity on CSS class prefix changes for better user experience.

* Update v0.10.md to enhance upgrade instructions, clarify breaking changes, and improve overall readability. Adjusted formatting for consistency and added details on asset management and user experience improvements.

* Add notable new features to v0.10.md, including dropdown menu support, enhanced search experience, and blog list pagination. Updated FlexSearch upgrade details for clarity and improved migration guide by removing redundant breaking change notes.

* chore: update zh-cn translation

* chore: update ja translation

* chore: update fa and ja translations

* chore: prepare release
2025-08-14 23:49:06 +08:00

979 B

title, next
title next
图标 /docs/guide/shortcodes/steps

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

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>您的图标 SVG 内容</svg>

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

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

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

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