gatsby - Gatsby JS：备注启动图像引用相对或远程图像

Question

我有两个降价文件，一个引用其启动图像的相对图像，另一个引用外部图像。

---
cover: relative.jpeg
---
Content Foo

和

---
cover: https://external.com/external_image.jpg
---
Content Zap

我想像这样用 GraphQL 引用这两个图像

query {
  allMarkdownRemark {
    edges {
      node {
        frontmatter {
          cover {
            childImageSharp {
              fluid{
                # I'll be using a fragment here instead, but this is a minimal example
                src
              }
            }
          }
        }
      }
    }
  }
}

有没有办法gatsby-image处理外部图像？或者，是否有一个 gatsby 插件可以做到这一点？

提前致谢！

Answer 1

这是可行的，但需要使用onCreateNodeAPI 来处理转换后的 markdown 节点并使用 gatsby-source-filesystem 下载远程图像，createRemoteFileNode()然后createSchemaCustomization如果您想使用 gatsby-source-filesystem 应用必要的架构修改，例如自定义扩展或解析器，则需要使用相同的graphql字段。

或者，我怀疑https://www.gatsbyjs.org/packages/gatsby-plugin-remote-images/完全按照我上面的描述进行，但您仍然有两个单独的远程/本地数据字段。