盖茨比评论重新炒作的图片:如何获取tracedSVG占位符?

时间:2019-02-18 23:50:28

标签: javascript graphql gatsby

GatsbyJS正在将我的Markdown文件编译到静态网页中。我已配置gatsby-remark-rehype-images来处理Markdown文件中的图像。它使用gatsby-plugin-sharp,根据its docs,我应该能够“指定我希望传递给Sharp插件的任何参数”。我想将图像占位符从“模糊处理”更改为tracedSVG。插入尖锐的does have参数以使用tracedSVG而不是模糊处理。 问题在于文档描述了GraphQL参数的语法,而gatsby-remark-rehype-images希望我在gatsby-config.js内的JS中传递参数。我试图猜测在JS中传递参数的语法是什么,但我一直无法猜测正确的语法。

gatsby-config.js中的当前配置:

{
    resolve: `gatsby-remark-rehype-images`,
    options: {
        tag: 'rehype-image',
        traceSVG: { color: "#f9ebd2" },
        base64: true,
    } 
},

这是摘自插件Sharp的文档的摘录,内容涉及如何以GraphQL语法设置tracedSVG占位符而不是模糊处理:

fixed(
  traceSVG: {
    color: "#f00e2e"
  }
) {
  src
  srcSet
  tracedSVG
}

基本上,我正在寻找要在JS中表达的语法,我希望“ src,srcSet和tracedSVG”作为插件Sharp的输出。

0 个答案:

没有答案