chore: update zh-cn translation

This commit is contained in:
Xin
2025-08-14 19:07:25 +08:00
parent 8773081fae
commit f79b1d262c
29 changed files with 993 additions and 495 deletions

View File

@@ -1,14 +1,15 @@
---
title: 图标
next: /docs/guide/shortcodes/steps
---
要在行内使用此短代码,需在配置中启用行内短代码:
要在行内使用此短代码,需在配置中启用行内短代码功能
```yaml {filename="hugo.yaml"}
enableInlineShortcodes: true
```
可用图标列表可在 [`data/icons.yaml`](https://github.com/imfing/hextra/blob/main/data/icons.yaml) 中找到。
可用图标列表可在 [`data/icons.yaml`](https://github.com/imfing/hextra/blob/main/data/icons.yaml) 中找到。
<!--more-->
@@ -19,23 +20,23 @@ enableInlineShortcodes: true
{{< icon "gift" >}}
{{< icon "sparkles" >}}
##
## 使用方
```
{{</* icon "github" */>}}
```
[Heroicons](https://v1.heroicons.com/) v1 轮廓图标默认可用
默认支持 [Heroicons](https://v1.heroicons.com/) v1 轮廓风格图标。
### 如何添加自定义图标
创建 `data/icons.yaml` 文件,然后按照以下格式添加自定义的 SVG 图标:
创建 `data/icons.yaml` 文件,以下格式添加的 SVG 图标:
```yaml {filename="data/icons.yaml"}
your-icon: <svg>your icon svg content</svg>
your-icon: <svg>您的图标 SVG 内容</svg>
```
然后可以在短代码中这样使用:
随后即可通过短代码调用:
```
{{</* icon "your-icon" */>}}
@@ -43,4 +44,4 @@ your-icon: <svg>your icon svg content</svg>
{{</* card icon="your-icon" */>}}
```
提示:[Iconify Design](https://iconify.design/) 是寻找网站 SVG 图标的好地方
提示:[Iconify Design](https://iconify.design/) 是寻找网站 SVG 图标的优质资源平台