我正在尝试使用 gatsby-remark-imagesgatsby-remark-component 一起在自定义组件中获取已解析的图像路径 .

这两个插件都可以自己运行 . 我现在正在尝试 Build 一个自定义组件,它具有自定义和对齐的特定布局:

降价

<img alt="Some alt text" src="foo.png" caption="Some caption" align="center"></img>

和组件:

JSX

<Container align={align}> <img src={src} alt={alt} title={caption} /> {caption && ( <Caption>{caption}</Caption> )} </Container>

不幸的是,看起来 src 在执行此操作时不会被 gatsby-remark-images grab .

有没有其他方法来处理这个问题?它看起来不像 gatsby-remark-images 提供足够的粒度来渲染细节以否定 gatsby-remark-component 的使用,尽管我可能会遗漏一些东西 .