---
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="FileTree" 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 Notebook" icon="jupyter" tag="alpha" >}}
  {{< card link="others" title="その他" icon="view-grid" >}}
{{< /cards >}}