如何在文章中使用图片
如何在 Zola 文章中使用图片
这篇文章展示如何在 Markdown 文章中使用图片。
方法1: 使用 static 目录(推荐)
将图片放在 static/images/ 目录下,然后在 Markdown 中使用:

或者使用 HTML:
<img src="/images/your-image.jpg" alt="图片描述" />
方法2: 使用相对路径(页面级图片)
如果图片只属于某篇文章,可以放在文章同目录下:

方法3: 使用外部图片链接

示例
下面是一个示例图片(如果存在的话):

图片大小控制
使用 HTML 标签可以控制图片大小:
<img src="/images/example.jpg" alt="示例" width="500" />
或者使用 CSS 类:
<img src="/images/example.jpg" alt="示例" class="article-image" />