Hugoで記事内の画像サイズを変更する

マークダウンでは以下の記法を用いて画像を表示します。

1
![画像名](画像パス)

Hugoの記事においても、上記の書き方で画像を表示することはできます。

が、画像サイズの調整ができません。

画像サイズを変更する

Hugoには、shortcode方式というものがあるそうで、それを使うことで画像サイズの指定ができます。

{{< figure src="/images/image.png" title=“Screenshot” class=“center” width=“320” height=“640” >}}

他にも属性があったり、shortcodeを利用してyoutubeなども埋め込めるそうです。

詳細は公式ページに記載されています。

参考

Licensed under CC BY-NC-SA 4.0
comments powered by Disqus
Built with Hugo
Theme Stack designed by Jimmy