画像を追加する
セットアップ
- 公式サイトを参考にし、
mkdocs-glightboxのインストールとmkdocs.ymlの加筆をします
pip install mkdocs-glightbox
markdown_extensions:
- attr_list
- md_in_html
plugins:
- glightbox
画像のアップロード
- 画像のパスを指定します
Warning
記事からの相対パスで反映されるので注意が必要です
例としてdocs/images/favicon.pngを指定します
記事はdocs/tech/image.mdなので、image.mdから見たfavicon.pngは../images/favicon.pngにあります
<figure markdown>
{ width=150 }
<figcaption>幅150ピクセル</figcaption>
</figure>
参考
最終更新日:
February 25, 2023