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的输出。