---
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="Callout" icon="warning" >}}
  {{< card link="cards" title="Cards" icon="card" >}}
  {{< card link="details" title="Details" icon="chevron-right" >}}
  {{< card link="filetree" title="FileTree" icon="folder-tree" >}}
  {{< card link="icon" title="Icon" icon="badge-check" >}}
  {{< card link="steps" title="Steps" icon="one" >}}
  {{< card link="tabs" title="Tabs" icon="collection" >}}
{{< /cards >}}

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

Hugo と Hextra が提供する追加のショートコード:

{{< cards >}}
  {{< card link="jupyter" title="Jupyter Notebook" icon="jupyter" tag="alpha" >}}
  {{< card link="others" title="Others" icon="view-grid" >}}
  {{< card link="asciinema" title="Asciinema Player" icon="terminal" >}}
{{< /cards >}}