Встроенные изображения в исходном плагине Gatsby Wordpress

#gatsby #gatsby-image

#gatsby #gatsby-изображение

Вопрос:

Я использую этот плагин 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: ''
        }

        
      }
    },

1. Вы определяете носителя? Что вы подразумеваете под «не работает»?

2. Привет, Ферран! В моем блоге Gatsby происходит вот что: imgur.com/gallery/BILwnkJ

3. Правильно ли плагин загружает ресурсы в статическую папку?

4. В этом проблема, ресурсы не отправляются в статическую папку в Gatsby. Сохраняет тот же путь WordPress <img src = «/ wp-content / uploads / website-rebuilded-in-gatsbyjs.png»>. Я имею в виду изображения в сообщениях, все работает правильно, за исключением этого

5. Я добавил вас в качестве соавтора в свой проект на github. Вы можете мне помочь?

Ответ №1:

Gatsby иногда глючит при обновлении изображений и hrefs.

Попробуйте очистить кеш.

 gatsby clean

перед

 gatsby develop

1. Привет, Расти! Все тот же корневой путь: <img src=»/wp-content/uploads/Capturar-300×184.png» alt=»» width=»300″ height=»184″>

2. src должен указывать на локальную папку изображений gatsbys. Запросите URL-адрес изображения и импортируйте его в свой модуль. src должен указывать на вашу локальную статическую папку abd, а не на исходный источник

3. что должен делать плагин

4. Прочитайте это: gatsbyjs.com/plugins/gatsby-wpgraphql-inline-images

5. Я использую gatsby-source-wordpressV3, и этот плагин с ним не работает.

Ответ №2:

Я мог получить доступ к сайту WordPress как по http, так и по https. Я просто меняю URL-адрес протокола (конфигурация плагина 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',
              protocol: 'https',
              withWebp: true,
            }
          }
        ],
        hostingWPCOM: false,
        useACF: true,

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

        
      }

Ответ №3:

Причина, по которой вы не видите встроенные изображения, заключается в вашей конфигурации:

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

Если вы удалите его, вы увидите встроенные изображения с правильным URL-адресом WordPress src. Недостатком является то, что ваши ссылки (если вы используете gatsby-link ) не будут предварительно извлечены, потому что в URL-адресе у них будет sourceURL WordPress.