在 gatsby 的 markdown 中显示图像

【问题标题】：Showing images in markdown for gatsby在 gatsby 的 markdown 中显示图像
【发布时间】：2020-06-18 01:43:32
【问题描述】：

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

盖茨比图片
gatsby-transformer-sharp
gatsby-plugin-sharp

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

Github

【问题讨论】：

标签： reactjs graphql markdown gatsby

【解决方案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,
            },
          },
        ],
      },
    },

【讨论】：