在Gatsby中展示Markdown中的图片

Question

我正在遵循 在Gatsby中使用Markdown帖子和页面中的图像 教程，并安装了以下插件：

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

我的图片与我的Markdown文件位于src/content相同的目录中。但是我的文章仍然没有图片。我怀疑我需要更改src/templates/blog-post.js中的某些内容才能显示图片，但不确定下一步该怎么做。有人可以告诉我需要做哪些更改吗？

Github

- dev_el

Answer 1

为了在markdown中嵌入图片，你还需要使用 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,
            },
          },
        ],
      },
    },

- EliteRaceElephant