Gatsby Wordpress源插件中的嵌入式图像

如何解决Gatsby Wordpress源插件中的嵌入式图像

我正在按照所有说明使用此插件https://www.gatsbyjs.com/plugins/@draftbox-co/gatsby-wordpress-inline-images/，但不起作用。

有人知道怎么回事吗？

gatsby-config.js：

{
      resolve: 'gatsby-source-wordpress',options: {
        excludedRoutes: [
          '/wp/v2/users/**','/wp/v2/settings*','/wp/v2/themes*'
        ],baseUrl: 'domain',protocol: 'http',postTypes: ["post","page"],plugins: [
          {
            resolve: `@draftBox-co/gatsby-wordpress-inline-images`,options: {
              baseUrl: `domain`,protocol: `http`
            }
          }
        ],hostingWPCOM: false,useACF: true,searchAndReplaceContentUrls: {
          sourceUrl: 'http://domain',replacementUrl: ''
        }

        
      }
    },

解决方法

当更新图像和href时，Gatsby有时会出现故障。

尝试清除缓存。

gatsby clean

之前

gatsby develop

,

我可以同时访问http和https的wordpress网站。我只是将协议网址（gatsby插件配置）更改为https即可使用

      resolve: 'gatsby-source-wordpress',options: {
        excludedRoutes: [
          '/wp/v2/users/**','/wp/v2/settings*','/wp/v2/themes*'
        ],baseUrl: 'domain.net',protocol: 'https',postTypes: ["post","page"],plugins: [
          {
            resolve: '@draftbox-co/gatsby-wordpress-inline-images',options: {
              baseUrl: 'domain.net',withWebp: true,}
          }
        ],hostingWPCOM: false,useACF: true,searchAndReplaceContentUrls: {
          sourceUrl: 'https://domain',replacementUrl: ''
        }

        
      }

,

看不到内嵌图像的原因是由于您的配置：

 searchAndReplaceContentUrls: {
   sourceUrl: 'http://domain',replacementUrl: ''
}

如果将其删除，则会看到带有正确Wordpress src url的嵌入式图像。缺点是您的链接（如果您使用的是gatsby-link）将不会被预提取，因为它们的URL中将包含Wordpress sourceUrl。