使用gatsby-remark-component和gatsby-remark-images

时间:2018-05-18 19:56:19

标签: gatsby

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

0 个答案:

没有答案