盖茨比不公开发布图片

时间:2019-09-19 06:27:01

标签: image gatsby static-site

我正在用gatsby创建一个基本站点,但是无法使图像正常工作。

在markdown for (int i = 0; i < dice.length; i++) 文件中,我有:

content/projects/askj/index.md

然后我也在该目录中放置了一张图片。

![livechat](./livechat.png) 中,我有:

gatsby-config

但是图像最终不会复制到网站的 { resolve: `gatsby-source-filesystem`, options: { name: `images`, path: `${__dirname}/src/content`, }, }, `gatsby-transformer-sharp`, `gatsby-plugin-sharp`, { resolve: `gatsby-transformer-remark`, options: { plugins: [ { resolve: `gatsby-remark-images`, options: { maxWidth: 590, }, }, 'gatsby-remark-prismjs', 'gatsby-remark-copy-linked-files', ], }, }, 渲染版本中。

我尝试了路径和选项的其他各种组合,但是我想我缺少了一些东西。

did 将一些png文件放到/public中,它们被复制并可以被引用,但是我想将图像与相应的内容标记一起放到每个目录中。

感谢创意!

参考: -https://codebushi.com/gatsby-featured-images/ -https://www.orangejellyfish.com/blog/a-comprehensive-guide-to-images-in-gatsby/ -https://www.gatsbyjs.org/packages/gatsby-remark-images/?=remark

0 个答案:

没有答案