Hextra v0.11 がリリースされました!🎉 新着情報はこちら

その他のショートコード

これらの一部は Hugo 組み込みのショートコードです。 これらのショートコードは安定性が低く、いつでも変更される可能性があります。

default
 
border
 
color
 
link
 
icon
 

使用法

デフォルト

Badge
 

{{< badge "Badge" >}}

Badge
 
Badge
 
Badge
 
Badge
 
Badge
 
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
 
Badge
 
Badge
 
Badge
 
Badge
 
Badge
 
Badge
 
Badge
 
Badge
 

{{< 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
 
Releases
 

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

オプション

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

YouTube

YouTube 動画を埋め込みます。

{{< youtube VIDEO_ID >}}

結果:

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

PDF

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

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

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

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

例:

最終更新日