Блог

У меня возникла проблема при попытке ссылаться на изображения, которых нет в моей папке md, с помощью AllMarkdownRemark. Я пытался и не смог найти решения, в том числе:

1. Использование относительных путей
2. Использование строкового синтаксиса
3. Пытаюсь создать альтернативный источник с помощью плагина файловой системы

В моей папке src у меня есть папка md, содержащая файлы markdown, и папка images, содержащая изображения. Заголовок 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
                }
          }

       }
        }
      }
    }
  }
  

Это возвращает строку, потому что папка images не может быть найдена allmarkdownremark. Но у меня есть это в моем 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"
        },
    },
  

Я был бы очень признателен, если бы кто-нибудь мог указать мне правильное направление.