drowl87/hextra_mirror
1
0
Fork 1
mirror of https://github.com/imfing/hextra.git synced 2025-08-23 17:26:37 -04:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat(callout): revamp of the callouts (#767)

Browse Source 
* feat(callout): revamp of the callouts

* fix: doc

* chore: refactor gh alert

* feat: same colors on callouts and gh alerts

* docs: more relevant examples

* docs: i18n

* docs: update existing callouts
This commit is contained in:
Ludovic Fernandez
2025-08-22 00:31:16 +02:00
committed by GitHub
parent a3635ea638
commit f4d75a4e5b
27 changed files with 448 additions and 114 deletions
Download Patch File Download Diff File Expand all files Collapse all files

96
exampleSite/content/docs/guide/shortcodes/callout.zh-cn.md
View File

@@ -16,22 +16,42 @@ prev: /docs/guide/shortcodes
## 示例
{{< callout >}}
**标注** 是一小段旨在吸引注意力的文字。
{{< /callout >}}
{{< callout type="info" >}}
**标注** 是一小段旨在吸引注意力的文字。
{{< /callout >}}
{{< callout type="warning" >}}
**标注** 是一小段旨在吸引注意力的文字。
{{< /callout >}}
{{< callout type="error" >}}
**标注** 是一小段旨在吸引注意力的文字。
{{< /callout >}}
{{< callout type="important" >}}
**标注** 是一小段旨在吸引注意力的文字。
{{< /callout >}}
### 默认
{{< callout emoji="🌐">}}
**标注** 是一小段旨在吸引注意力的文字。
{{< callout >}}
**标注** 是一小段旨在吸引注意力的文字。
{{< /callout >}}
```markdown
{{</* callout emoji="🌐" */>}}
**标注** 是一小段旨在吸引注意力的文字。
{{</* callout */>}}
**标注** 是一小段旨在吸引注意力的文字。
{{</* /callout */>}}
```
### 信息
### Info
{{< callout type="info" >}}
**标注** 是一小段旨在吸引注意力的文字。
**标注** 是一小段旨在吸引注意力的文字。
{{< /callout >}}
```markdown
@@ -40,10 +60,10 @@ prev: /docs/guide/shortcodes
{{</* /callout */>}}
```
### 警告
### Warning
{{< callout type="warning" >}}
**标注** 是一小段旨在吸引注意力的文字。
**标注** 是一小段旨在吸引注意力的文字。
{{< /callout >}}
```markdown
@@ -52,10 +72,10 @@ prev: /docs/guide/shortcodes
{{</* /callout */>}}
```
### 错误
### Error
{{< callout type="error" >}}
**标注** 是一小段旨在吸引注意力的文字。
**标注** 是一小段旨在吸引注意力的文字。
{{< /callout >}}
```markdown
@@ -64,6 +84,62 @@ prev: /docs/guide/shortcodes
{{</* /callout */>}}
```
### Important
{{< callout type="important" >}}
**标注** 是一小段旨在吸引注意力的文字。
{{< /callout >}}
```markdown
{{</* callout type="important" */>}}
**标注** 是一小段旨在吸引注意力的文字。
{{</* /callout */>}}
```
### 自定义图标
{{< callout icon="sparkles" >}}
**标注** 是一小段旨在吸引注意力的文字。
{{< /callout >}}
```markdown
{{</* callout icon="sparkles" */>}}
**标注** 是一小段旨在吸引注意力的文字。
{{</* /callout */>}}
```
{{< callout type="important" icon="sparkles" >}}
**标注** 是一小段旨在吸引注意力的文字。
{{< /callout >}}
```markdown
{{</* callout type="important" icon="sparkles" */>}}
**标注** 是一小段旨在吸引注意力的文字。
{{</* /callout */>}}
```
### 表情符号
{{< callout emoji="🌐" >}}
**标注** 是一小段旨在吸引注意力的文字。
{{< /callout >}}
```markdown
{{</* callout emoji="🌐" */>}}
**标注** 是一小段旨在吸引注意力的文字。
{{</* /callout */>}}
```
{{< callout type="info" emoji="ℹ️" >}}
**标注** 是一小段旨在吸引注意力的文字。
{{< /callout >}}
```markdown
{{</* callout type="info" emoji="ℹ️" */>}}
**标注** 是一小段旨在吸引注意力的文字。
{{</* /callout */>}}
```
## 选项
| 范围 | 描述 |