我正在用gatsby创建一个基本站点,但是无法使图像正常工作。
在markdown for (int i = 0; i < dice.length; i++)
文件中,我有:
content/projects/askj/index.md
然后我也在该目录中放置了一张图片。
在
中,我有:
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