hugo callout

ヒューゴコールアウト

Hugo サイト用の Notion スタイルのコールアウト!

.md Hugo コンテンツ ファイルで次のショートコードを呼び出すだけで、これらの美しいコールアウトを使用できます。

 {{< callout emoji="?" text="This is the text that will show up in the callout. It can be as long as you like, but only one paragraph." >}}

インストールするには、このリポジトリからcallout.htmlファイルをダウンロードするだけです。このファイルはreleasesセクションにもあります。このファイルをthemes/[THEME-NAME]/layouts/shortcodesまたはlayouts/shortcodesフォルダーに配置します。

スタイル コードは便宜上同じファイルに含まれていますが、独自の.cssファイルに移動して、必要に応じて変更できます。