---
title: 短代码
weight: 9
prev: /docs/guide/diagrams
next: /docs/guide/shortcodes/callout
---

[Hugo 短代码](https://gohugo.io/content-management/shortcodes/)是内容文件中调用内置或自定义模板的简单片段。

Hextra 提供了一系列精美的短代码来增强您的内容。

{{< cards >}}
  {{< card link="callout" title="提示框" icon="warning" >}}
  {{< card link="cards" title="卡片" icon="card" >}}
  {{< card link="details" title="详情" icon="chevron-right" >}}
  {{< card link="filetree" title="文件树" icon="folder-tree" >}}
  {{< card link="icon" title="图标" icon="badge-check" >}}
  {{< card link="steps" title="步骤" icon="one" >}}
  {{< card link="tabs" title="标签页" icon="collection" >}}
{{< /cards >}}

<div style="padding-top:4rem"></div>

Hugo 和 Hextra 提供的其他短代码：

{{< cards >}}
  {{< card link="jupyter" title="Jupyter 笔记本" icon="jupyter" tag="alpha" >}}
  {{< card link="others" title="其他" icon="view-grid" >}}
  {{< card link="asciinema" title="Asciinema Player" icon="terminal" >}}
{{< /cards >}}