img标签SRC问题在markdown使用盖茨比

Question

我在"static/img/"盖茨比文件夹

我创建了一个blog_post.md文件，如下所示:

<img src="/img/DSC_0050.jpg" alt="Tux, the Linux mascot">
![Tux, the Linux mascot](/img/DSC_0575.jpg)

当它被盖茨比转换为html时，只有标记图像有正确的路径。

<img src="../../../static/img/DSC_0050.jpg" alt="Tux, the Linux mascot"> <- from img tag
<img src="/img/DSC_0575.jpg" alt="Tux, the Linux mascot"> <-from markdown

盖茨比需要输入什么才能得到正确的路径?我试过把它调到./img/DSC_0575.jpg,../img/DSC_0575.jpg和img/DSC_0050.jpg，但我看到输出路径没有变化。

---

的背景信息

1. 我正在尝试布局一个使用33%的容器宽度的图像，所以我可以在它旁边有一些文本。
2. 我希望能够为博客文章做到这一点，所以使用markdown会很好。

Answer 1

我必须使用gatsby-remark-images-anywhere插件才能使用img标签。

另外，我不能在div标签中使用img。

<img src="/img/DSC_0050.jpg" alt="Tux, the Linux mascot">

我不得不使用图片标签:

<picture>
<source srcset="/img/DSC_0050.jpg">
<img src="/img/DSC_0050.jpg" alt="Tux, the Linux mascot">
</picture>

所以同时使用新的插件和图片标签是必需的。