У меня есть проблема при попытке ссылки на изображения, которых нет в моей папке md, с помощью AllMarkdownRemark. Я пытался и не смог найти решения, в том числе:
- Использование относительных путей
- Использование строкового синтаксиса
- Попытка создать альтернативный источник с помощью плагина файловой системы
В моей папке src у меня есть папка md, содержащая файлы уценки, и папка с изображениями, содержащая изображения. Заголовок md-файла выглядит так:
---
path: "/blog/2018"
date: "2018-11-07"
title: "My first blog post - THIS IS A TEST!"
image: "../images/space2.jpg"
--
Мой запрос graphql на странице блога выглядит так:
query {
allMarkdownRemark(sort: { fields: [frontmatter___date], order: DESC}) {
totalCount
edges {
node {
id
html
frontmatter {
title
path
date(formatString: "dddd, MMMM Do YYYY")
image {
childImageSharp {
fluid(maxWidth: 1440) {
...GatsbyImageSharpFluid
}
}
}
}
}
}
}
Возвращается строка, поскольку папка с изображениями не может быть найдена по всем отметкам внизу. Но у меня есть это в моем gatsby-config, то есть оно должно работать:
{
resolve: `gatsby-source-filesystem`,
options: {
path: `${__dirname}/src/md/`,
name: "markdown-pages"
},
},
{
resolve: `gatsby-source-filesystem`,
options: {
path: `${__dirname}/src/images/`,
name: "images"
},
},
Я бы очень признателен, если бы кто-нибудь мог указать мне правильное направление.