mirror of
https://github.com/imfing/hextra.git
synced 2025-08-23 11:46:39 -04:00

* feat(callout): revamp of the callouts * fix: doc * chore: refactor gh alert * feat: same colors on callouts and gh alerts * docs: more relevant examples * docs: i18n * docs: update existing callouts
2.2 KiB
2.2 KiB
title, linkTitle, sidebar, next
title | linkTitle | sidebar | next | ||
---|---|---|---|---|---|
その他のショートコード | その他 |
|
/docs/guide/deploy-site |
{{< callout type="warning" >}} これらの一部は Hugo 組み込みのショートコードです。 これらのショートコードは安定性が低く、いつでも変更される可能性があります。 {{< /callout >}}
バッジ
{{</* badge "Badge" */>}}
結果:
{{< badge "Badge" >}}
バリエーション:
{{</* badge content="info" type="info" */>}}
{{</* badge content="warning" type="warning" */>}}
{{</* badge content="error" type="error" */>}}
結果:
{{< badge content="info" type="info" >}} {{< badge content="warning" type="warning" >}} {{< badge content="error" type="error" >}}
リンクとアイコン付き:
{{</* badge content="Releases" link="https://github.com/imfing/hextra/releases" icon="github" */>}}
結果:
{{< badge content="Releases" link="https://github.com/imfing/hextra/releases" icon="github" >}}
オプション
パラメータ | 説明 |
---|---|
content |
バッジのテキスト。 |
link |
バッジのリンク。 |
icon |
バッジのアイコン。 |
type |
バッジの種類。(デフォルト、info 、warning 、error ) |
class |
バッジのクラス。 |
YouTube
YouTube 動画を埋め込みます。
{{</* youtube VIDEO_ID */>}}
結果:
{{< youtube id=dQw4w9WgXcQ loading=lazy >}}
詳細については、Hugo の YouTube ショートコードを参照してください。
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" >}}