在生产构建期间如何更改meta标签中的图像路径?

时间:2020-03-22 17:43:34

标签: reactjs gatsby react-helmet

社区

我最初是在https://github.com/gatsbyjs/gatsby/issues/22454上问这个问题的,但是由于到目前为止我还没有得到任何指导,因此我将在此处重新发布这个问题。

非常感谢您的帮助!

摘要

我想使用Helmet添加推特卡。但是,我对在 content 属性中提到什么路径感到困惑? 假设我在src/imgs/post1.jpg有一张图片,那么一旦在devproduction构建中都可以使用时,如何指定路径?

本地版本
<meta name="og:image" content="src/imgs/post1.jpg">`
生产构建

在生产过程中将走什么道路?以及如何更换?我需要做点什么吗?

<meta name="og:image" content="?????">`

环境(如果有)

System:
    OS: macOS 10.15.1
    CPU: (4) x64 Intel(R) Core(TM) i7-5557U CPU @ 3.10GHz
    Shell: 5.7.1 - /bin/zsh
  Binaries:
    Node: 10.15.3 - ~/.nvm/versions/node/v10.15.3/bin/node
    Yarn: 1.13.0 - /usr/local/bin/yarn
    npm: 6.4.1 - ~/.nvm/versions/node/v10.15.3/bin/npm
  Languages:
    Python: 2.7.16 - /usr/bin/python
  Browsers:
    Chrome: 80.0.3987.149
    Firefox: 72.0.2
    Safari: 13.0.3
  npmPackages:
    gatsby: ^2.18.17 => 2.18.17
    gatsby-image: ^2.2.32 => 2.2.32
    gatsby-image-sitemap: ^1.2.1 => 1.2.1
    gatsby-plugin-google-analytics: ^2.1.28 => 2.1.28
    gatsby-plugin-iubenda-cookie-footer: ^1.1.1 => 1.1.1
    gatsby-plugin-material-ui: ^2.1.6 => 2.1.6
    gatsby-plugin-mdx: ^1.0.57 => 1.0.57
    gatsby-plugin-react-helmet: ^3.1.14 => 3.1.14
    gatsby-plugin-robots-txt: ^1.5.0 => 1.5.0
    gatsby-plugin-sharp: ^2.2.38 => 2.2.38
    gatsby-plugin-sitemap: ^2.2.21 => 2.2.21
    gatsby-plugin-typography: ^2.3.14 => 2.3.14
    gatsby-source-filesystem: ^2.1.33 => 2.1.33
    gatsby-transformer-sharp: ^2.3.4 => 2.3.4
  npmGlobalPackages:
    gatsby-cli: 2.8.3

0 个答案:

没有答案