我目前正在使用gatsby-remark-images
嵌入Markdown文件中的参考图像。但是,如何添加使用美术指导的<picture>
元素?据我所知,gatsby-remark-images
仅支持<img>
标记,而且我不确定其他哪个插件会将URL从诸如../images/logo.png
的相对URL重写为/static/[contenthash]/logo.png
。
例如,我想将以下内容添加到Markdown文件中:
<picture>
<source srcset="../images/meme.png" media="(prefers-reduced-motion: reduce)" />
<img srcset="../images/meme.gif" alt="a funny meme"/>
</picture>