В настоящее время я использую gatsby-remark-images
для встраивания ссылочных изображений из файлов Markdown.Однако, как мне добавить элемент <picture>
, который использует художественное направление?Насколько я могу судить, gatsby-remark-images
поддерживает только тег <img>
, и я не уверен, какой другой плагин будет переписывать URL-адреса с относительных URL-адресов, таких как ../images/logo.png
на /static/[contenthash]/logo.png
.
Например,Я хотел бы добавить следующее в файл уценки:
<picture>
<source srcset="../images/meme.png" media="(prefers-reduced-motion: reduce)" />
<img srcset="../images/meme.gif" alt="a funny meme"/>
</picture>