Отображение изображений в уценке для Гэтсби

Question

Я следую инструкции Работа с изображениями в постах и ​​страницах уценки Учебник для gatsby и установил следующие плагины

• gatsby-image
• gatsby-transformer -sharp
• gatsby-plugin-sharp

Мои изображения находятся в том же каталоге, что и мои файлы Markdown в src / content. Но мои посты до сих пор без картинок. Я подозреваю, что мне нужно что-то изменить в моем src / templates / blog-post. js, чтобы показать изображения, но я не уверен в следующем шаге. Может кто-нибудь сказать мне, какие изменения мне нужно сделать?

Github

Answer 1

Для встраивания изображений в уценку также необходимо gatsby-remark-images. Запустите yarn add gatsby-remark-images или npm install --save gatsby-remark-images.

Добавьте это к вашему gatsby-config.js:

    "gatsby-plugin-sharp",
    "gatsby-transformer-sharp",
    {
      resolve: `gatsby-transformer-remark`,
      options: {
        plugins: [
          {
            resolve: `gatsby-remark-images`,
            options: {
              maxWidth: 590,
            },
          },
        ],
      },
    },