hextra_mirror/exampleSite/content/docs/guide/shortcodes/others.ja.md

title, linkTitle, next

title	linkTitle	next
その他のショートコード	その他	/docs/guide/deploy-site

{{< callout type="warning" >}} これらの一部は Hugo 組み込みのショートコードです。 これらのショートコードは安定性が低く、いつでも変更される可能性があります。 {{< /callout >}}

例

{{< badge "default" >}}  {{< badge content="border" border=false >}}  {{< badge content="color" color="green" >}}  {{< badge content="link" link="https://github.com/imfing/hextra/releases" >}}  {{< badge content="icon" icon="sparkles" >}} 

使用法

デフォルト

{{< badge "Badge" >}} 

{{</* badge "Badge" */>}}

色

{{< badge content="Badge" >}}  {{< badge content="Badge" color="purple" >}}  {{< badge content="Badge" color="indigo" >}}  {{< badge content="Badge" color="blue" >}}   {{< badge content="Badge" color="green" >}}   {{< badge content="Badge" color="yellow" >}}   {{< badge content="Badge" color="amber" >}}   {{< badge content="Badge" color="orange" >}}   {{< badge content="Badge" color="red" >}} 

{{</* badge content="Badge" */>}}
{{</* badge content="Badge" color="purple" */>}}
{{</* badge content="Badge" color="indigo" */>}}
{{</* badge content="Badge" color="blue" */>}}
{{</* badge content="Badge" color="green" */>}}
{{</* badge content="Badge" color="yellow" */>}}
{{</* badge content="Badge" color="amber" */>}}
{{</* badge content="Badge" color="orange" */>}}
{{</* badge content="Badge" color="red" */>}}

{{< badge content="Badge" border=false >}}   {{< badge content="Badge" color="purple" border=false >}}   {{< badge content="Badge" color="indigo" border=false >}}   {{< badge content="Badge" color="blue" border=false >}}   {{< badge content="Badge" color="green" border=false >}}   {{< badge content="Badge" color="yellow" border=false >}}   {{< badge content="Badge" color="amber" border=false >}}   {{< badge content="Badge" color="orange" border=false >}}  {{< badge content="Badge" color="red" border=false >}} 

{{</* badge content="Badge" border=false */>}}
{{</* badge content="Badge" color="purple" border=false */>}}
{{</* badge content="Badge" color="indigo" border=false */>}}
{{</* badge content="Badge" color="blue" border=false */>}}
{{</* badge content="Badge" color="green" border=false */>}}
{{</* badge content="Badge" color="yellow" border=false */>}}
{{</* badge content="Badge" color="amber" border=false */>}}
{{</* badge content="Badge" color="orange" border=false */>}}
{{</* badge content="Badge" color="red" border=false */>}}

変種

{{< badge content="Badge" icon="sparkles" >}}  {{< badge content="Releases" link="https://github.com/imfing/hextra/releases" icon="github" >}} 

{{</* badge content="Badge" icon="sparkles" */>}}
{{</* badge content="Releases" link="https://github.com/imfing/hextra/releases" icon="github" */>}}

オプション

パラメータ	説明
content	バッジのテキスト。
link	バッジのリンク。
icon	バッジのアイコン。
color	The color of the badge. gray (default), purple, indigo, blue, green, yellow, amber, orange, red.
class	バッジのクラス。
border	境界線を追加または削除します (デフォルト: true)。

YouTube

YouTube 動画を埋め込みます。

{{</* youtube VIDEO_ID */>}}

結果:

{{< youtube id=dQw4w9WgXcQ loading=lazy >}}

詳細については、Hugo の YouTube ショートコードを参照してください。

PDF

PDF ショートコードを使用すると、コンテンツ内に PDF ファイルを埋め込むことができます。

{{</* pdf "https://example.com/sample.pdf" */>}}

プロジェクトディレクトリ内に PDF ファイルを配置し、相対パスを使用することもできます。

{{</* pdf "path/to/file.pdf" */>}}

例:

{{< pdf "https://upload.wikimedia.org/wikipedia/commons/1/13/Example.pdf" >}}