如何在文章中使用图片

如何在 Zola 文章中使用图片

这篇文章展示如何在 Markdown 文章中使用图片。

方法1: 使用 static 目录(推荐)

将图片放在 static/images/ 目录下,然后在 Markdown 中使用:

![图片描述](/images/your-image.jpg)

或者使用 HTML:

<img src="/images/your-image.jpg" alt="图片描述" />

方法2: 使用相对路径(页面级图片)

如果图片只属于某篇文章,可以放在文章同目录下:

![图片描述](./image.jpg)

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

![图片描述](https://example.com/image.jpg)

示例

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

示例图片

图片大小控制

使用 HTML 标签可以控制图片大小:

<img src="/images/example.jpg" alt="示例" width="500" />

或者使用 CSS 类:

<img src="/images/example.jpg" alt="示例" class="article-image" />