gatsby-image - Можно ли отобразить через папку изображений, на которые есть ссылки в frontmatter? - PullRequest
Новая
       42

gatsby-image - Можно ли отобразить через папку изображений, на которые есть ссылки в frontmatter?

0 голосов
/ 30 апреля 2020

Я строю блог, который отображает только изображения. У меня все работает (слагы, сгенерированные страницы, фотография обложки с изображением Гэтсби в frontmatter и т. Д. c). Мне интересно, могу ли я сослаться на папку изображений в frontmatter и отобразить их в теле блога как gatsby- images?

Или я должен был бы перечислить каждое изображение как! (/ ref.jpg) в теле .md?

Здесь мой шаблон блога до сих пор: (photos это frontmatter поле, которое ссылается на папку) 

import React from "react"
import { graphql } from "gatsby"
import Layout from "../components/layout"

export default function Template({
    data,
}) {
    const { markdownRemark } = data
    const { frontmatter, html } = markdownRemark
    return (
        <Layout
            location='recent'
            image='hi'
            >
            <div className='blog-post-container'>
                <div className='blog-post'>
                    <h1>{frontmatter.title}</h1>
                    <h2>{frontmatter.date}</h2>
                    <h3>{frontmatter.description}</h3>
                    <div
                        className='blog-post-content'
                        dangerouslySetInnerHTML={{ __html: html }}
                    />

                    <div className='photoContainer'>
                        {
                            frontmatter.photos //map here??
                        }
                    </div>
                </div>
            </div>
        </Layout>
    )
}

export const PageQuery = graphql`
    query($path: String!) {
        markdownRemark(frontmatter: { path: { eq: $path } }) {
                  frontmatter {
                    description
                    photos
                    title
                  }
                }
    }
`
...