我正在从 airtable 中提取数据,该数据在其相当长的降价中使用外部 URL,如下所示:
...
testing
<img src="https://via.placeholder.com/150" width="300px" />
...
但是,当这个构建和渲染时,图像仍然指向外部链接,并没有在本地下载。有没有办法转换传入的 MDX 图像,下载它们,然后更改相应的源以像 Gatsby 的图像那样表现?如果他们能获得 Gatsby 提供的渐进式加载增强等功能,那就太好了。
MDX 中的 Gatsby Static Image(gatsby-plugin-image)此处提供的解决方案不合适,该帖子中的最后一个答案似乎不起作用,但可能暗示了一个可能的解决方案。
我还尝试使用 MDX 提供程序和渲染器来烘焙自己的自定义 MDX 渲染器。如果我希望用户使用一些特殊的反应组件,它工作正常,但显然,当我尝试使用它来拦截img
标签并将其替换为 Gatsby时,它会失败StaticImage
。这是因为外部 URL 作为道具进来,并且被gatsby静态分析器禁止。