はじめに
Hugo
で作成した記事の画像を拡大させたいと思ったので、調査をした。
Janeでfigureショートコードを使用する
下記のページを見ると、 figure
というショートコードがあるらしい。
参考: https://ajonathan.com/post/image-preview/
これを使用してみる。
通常の画像
コードは下記。

figure
ショートコードを使用する。ラーメン
< figure src="/image/tech/tips/use-figure-code-jane/IMG_4159.jpeg" title="ラーメン" size="1024x768" >
おまけ: ギャラリー
{{ < gallery dir="/image/tech/tips/use-figure-code-jane/" /> }}
< gallery dir="/image/tech/tips/use-figure-code-jane/" />
ギャラリーを使うとこのようにディレクトリ以下の画像をギャラリー風に表示できる。
参考
- Image Preview | Jane
https://ajonathan.com/post/image-preview/
おわりに
Hugo
+Jane
のテーマ内で使用できるショートコードで画像を拡大する方法を学んだ。
以前ブログとして利用していた、Hexo
では標準でlightbox
があったような。
今度は lightbox
使えるようにしたいなあ。