NetlifyCMS和GatsbyJS上未显示的图像

我的博客使用NetlifyCMS和GatsbyJS，我无法让图片在上面工作。我不确定我做错了什么

这是我的NetlifyCMS配置

 backend:
      name: git-gateway
      branch: master
    publish_mode: editorial_workflow
   media_folder: '../common/src/assets/images/uploads'
   #public_folder: '../common/src/assets/images/uploads'

收藏文章

folder: 'packages/common/src/articles'

CMS的Gasbyjs配置

{
      resolve: `gatsby-source-filesystem`,
      options: {
        name: `articles`,
        path: `../common/src/articles`
      }
    },
    {
      resolve: `gatsby-source-filesystem`,
      options: {
        name: `images`,
        path: `../common/src/assets/images/uploads`
      }
    },
    {
      resolve: `gatsby-source-filesystem`,
      options: {
        name: `common-images`,
        path: `../common/src/assets/images/uploads`
      }
    },

我的盖茨比文件配置

{
      resolve: `gatsby-source-filesystem`,
      options: {
        name: `common`,
        path: `../common/src/assets/`
      }
    },
    `gatsby-transformer-json`,
    {
      resolve: `gatsby-source-filesystem`,
      options: {
        name: `data`,
        path: `../common/src/data/`
      }
    },
    `gatsby-transformer-sharp`,
    `gatsby-plugin-sharp`,
    {
      resolve: `gatsby-plugin-manifest`,
      options: {
        name: `gatsby-starter-default`,
        short_name: `starter`,
        start_url: `/`,
        background_color: `#663399`,
        theme_color: `#663399`,
        display: `minimal-ui`,
        icon: `../common/src/assets/images/favicon.png` // This path is relative to the root of the site.
      }
    },

和我的项目文件夹

---

将

config.yml

路径更改为：

 backend:
   name: git-gateway
   branch: master
   publish_mode: editorial_workflow
   media_folder: '../common/src/assets/images/uploads'
   #public_folder: '../common/src/assets/images/uploads'

类似于：

   name: git-gateway
   branch: master
   publish_mode: editorial_workflow
   media_folder: 'static/assets/images/uploads'
   public_folder: '/assets/images/uploads'

注意：在这些介质配置中，我很难避免相对路径。当然，根据您的需要对其进行调整，但要将

/static

文件夹保留在

媒体文件夹

中，并在

公共文件夹

的开头保留斜杠（

/

）

您需要使用这种方法，因为这是使外部图像可以从

/public

文件夹请求访问的唯一方法，如您在以下内容中所见：

---

我认为公用文件夹应该有静态文件夹。我没有一个通用的静态文件夹？通用/资产/图像/公文包中的所有图像都生成到

static

文件夹必须放在项目的根目录中。编译代码后将生成公用文件夹项目的设置稍有不同。另外，您需要通知Netlify这些资产的位置，因此静态文件夹必须存在于配置中

media_folder: static/img
public_folder: /img