在Jekyll文章中插入带有自定义大小属性的图片

Question

在Jekyll的文章中，我想要引用地址为images/posters/surfaces.png的图片。

另外，我还想让它的宽度为750像素。

我尝试使用以下两种方法：<img src={images/posters/surfaces.png} alt="海报" style="width: 750px;"/> 和 <img src="images/posters/surfaces.png" alt="海报" style="width: 750px;"/>，但都无法生效。

应该使用什么语法呢？

- Jsevillamol

Answer 1

相对链接容易引起混淆，最好使用绝对URL，例如：

 {{ "images/posters/surfaces.png" | absolute_url }}

如果你不在子目录中使用Jekyll，只需使用/images/posters/surfaces.png（注意前导斜杠）。

- marcanuy

---

问题：当我写<img src={{ "images/posters/surfaces.png" | absolute_url }} alt="Poster" style="width: 750px;"/>时，我得到的是带有链接URL的文本，而不是图片。 - Jsevillamol