Я создаю базовый сайт с помощью gatsby, но не могу заставить работать изображения.
В файле уценки 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',
],
},
},
, но изображения не копируются в /public
версию сайта.
Я пробовал различные другие комбинации путей и опций, но я думаю, что что-то упустил.
Я сделал поместил несколько файлов PNG в /images
, и они скопированы и могут быть повторно обработаны, но я хочу поместить изображения в каждый каталог с соответствующей разметкой содержимого.
Спасибо за идеи!
ссылки: - 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