🖼️ Hugoでイメージギャラリー hugo-shortcode-gallery
Hugoでイメージギャラリーを実装する方法を調べていたところ、hugo-shortcode-galleryというのがお手軽で良さそうだった。
インストールするとgalleryというショートコードが使えるようになる。以下が実例。
このページがあるディレクトリにimages
というディレクトリを作成して画像を置き、ショートコードのパラメタにmatch="images/*"
と書き、その他、必要なパラメタを指定するだけで、こんなサムネイルを表示してくれる。
インストールもthemeディレクトリでcloneしてconfig.tomlを修正するだけなので簡単だ。
これらの画像はロードオブザリングの世界観をMidjourneyで表現したもの。いやーこういう画像作るのは楽しい。時間が溶ける笑