plugin recommand : mkdocs-img2figv2-plugin

[Jackiexiao]

This MkDocs plugin converts markdown encoded images like

![An image caption](../images/my-image.png){align="right" width="20%"}

into

<figure class="figure-image">
  <img src="../../images/my-image.png" alt="An image caption" align="left" width="20%" >
  <figcaption>An image caption</figcaption>
</figure>

• of course, you could leave out {align="right" width="20%"}
• support attr : https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/img

center image

unfortunately, align:center is not supported. if you want to center image, add style="display:block; margin:0 auto;

for example

![An image caption](../images/my-image.png){width="20%" style="display:block; margin:0 auto;"}