image - 盖茨比不向公众构建图像

Question

我正在用 gatsby 制作一个基本网站，但无法让图像正常工作。

在降价content/projects/askj/index.md文件中，我有：

![livechat](./livechat.png)

我也将图像放入该目录。

在gatsby-config我有：

    {
      resolve: `gatsby-source-filesystem`,
      options: {
        name: `images`,
        path: `${__dirname}/src/content`,
      },
    },


    `gatsby-transformer-sharp`,
    `gatsby-plugin-sharp`,
    {
      resolve: `gatsby-transformer-remark`,
      options: {
        plugins: [
          {
            resolve: `gatsby-remark-images`,
            options: {
              maxWidth: 590,
            },
          },
          'gatsby-remark-prismjs',
          'gatsby-remark-copy-linked-files',
        ],
      },
    },

但图像最终不会被复制到/public网站的渲染版本中。

我尝试了各种其他路径和选项的组合，但我认为我遗漏了一些东西。

我确实将一些 png 文件放入其中/images，它们被复制并可以被引用，但我想将图像放入具有相应内容降价的每个目录中。

感谢您的想法！

参考文献： - https://codebushi.com/gatsby-featured-images/ - https://www.orangejellyfish.com/blog/a-comprehensive-guide-to-images-in-gatsby/ - https://www .gatsbyjs.org/packages/gatsby-remark-images/?=remark

标签： imagegatsbystatic-site