问题描述
我正在按照所有说明使用此插件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。