Reactjs 如何将FuturedImage设置为og:image。在gatsby.js中

我正在使用gatsby.js

我想在meta标记的og:image属性中设置markdown中描述的featuredimage，但它不起作用

盖茨比针对不同的路径对featuredimage进行了优化，但相对路径设置为构建前的物理路径

如何设置生成创建的featuredimage的路径

我的头盔代码（摘录）：

---

谢谢。

您可以查询生成图像的路径（格式为“/static/name”），并将其与站点根url一起使用，如：

export const pageQuery = graphql`
  query($slug: String!) {
    site {
      siteMetadata {
        title
        author
      }
    }
    mdx(fields: { slug: { eq: $slug } }) {
      frontmatter {
        featuredimage {
          childImageSharp {
            original {
              src
            }
          }
        }
      }
    }
  }
`

<Helmet
    meta={{
      property: `og:image`,
      content: `${siteUrlRoot}${post.frontmatter.featuredimage.childImageSharp.original.src}`
    }}
 />

export const pageQuery=graphql`
查询（$slug:String！）{
场地{
站点元数据{
标题
作者
}
}
mdx（字段：{slug:{eq:$slug}}）{
前沿物质{
特征图像{
childImageSharp{
原创的{
src
}
}
}
}
}
}
`

您可以查询生成图像的路径（格式为“/static/name”），并将其与站点根url一起使用，如：

export const pageQuery = graphql`
  query($slug: String!) {
    site {
      siteMetadata {
        title
        author
      }
    }
    mdx(fields: { slug: { eq: $slug } }) {
      frontmatter {
        featuredimage {
          childImageSharp {
            original {
              src
            }
          }
        }
      }
    }
  }
`

<Helmet
    meta={{
      property: `og:image`,
      content: `${siteUrlRoot}${post.frontmatter.featuredimage.childImageSharp.original.src}`
    }}
 />

export const pageQuery=graphql`
查询（$slug:String！）{
场地{
站点元数据{
标题
作者
}
}
mdx（字段：{slug:{eq:$slug}}）{
前沿物质{
特征图像{
childImageSharp{
原创的{
src
}
}
}
}
}
}
`

谢谢您的回复。出现以下错误：“-类型“文件”上的未知字段“原始”。您知道original.src的官方文档吗？谢谢您的回复。出现以下错误：“-类型“File”上的未知字段“original”。”您知道original.src的官方文档吗？