reactjs - 在 gatsby 的 markdown 中显示图像

Question

我正在关注 Working with images in markdown posts and pages Gatsby 教程并安装了以下插件

• Gatsby 形象
• gatsby-transformer-sharp
• gatsby-plugin-sharp

我的图片和我的 Markdown 文件在同一个目录中，在 src/content 中。但是我的帖子仍然没有图片。我怀疑我必须更改 src/templates/blog-post.js 中的某些内容才能显示图像，但不确定下一步。谁能告诉我需要进行哪些更改？

Github

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,
            },
          },
        ],
      },
    },