我正在尝试使用 gatsby-remark-images
和 gatsby-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
的使用,尽管我可能会遗漏一些东西 .