我正在尝试在gatsby-remark-images
旁边使用gatsby-remark-component
来获取自定义组件中的已解析图像路径。
这两个插件都可以自行运行。我现在正在尝试建立一个自定义组件,它具有自定义和对齐的特定布局:
降价
<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
抓住。
有没有其他方法可以解决这个问题?看起来gatsby-remark-images
在呈现细节方面提供了足够的粒度来否定gatsby-remark-component
的使用,尽管我可能会遗漏一些东西。