Javascript GatsbyJS如何使用GraphQL获取降价文件并在特定页面上显示数据

我正在建立一个

gatsby

-网站，在那里我想使用

graphql

在特定页面上显示一些

markdown

-文件

我的结构是这样的：

src
  content
     about
       file1.md
       file2.md
     services
       somefile.md
       another.md
  pages
     about
       index.js

// etc.

标记文件的一个示例是：

---
key: about
title: some title
---
## this is some section header

this is some dummy text

然后我有了我的react文件，例如“关于”页面，我想在其中显示

内容/about

-文件夹中的所有

标记文件

import React from "react"

const AboutPage = ({data}) => {

   return(
       <div>
        // here the markdown data should be displayed
      </div>
   ) 
}

从“React”导入React
const AboutPage=（{data}）=>{
返回(
//此处应显示降价数据
) 
}

我可以只针对此页面执行
图形查询吗？我可以通过查询键来获取数据，还是应该设置路径值

欢迎任何建议。
盖茨比源文件系统插件将允许您获取目录中的文件
我不确定您是否已经解决了这个问题，但我遇到了类似的问题。您可以向frontmatter添加过滤器：

{
  allMarkdownRemark(
    filter: {
      frontmatter: {
        title: { eq:"Intro" }
      }
    }
  ) {
    edges {
      node {
        fileAbsolutePath
        id
        frontmatter {
          title
          path
          date(formatString: "DD MMMM, YYYY")
          imgSrc
        }
        html
      }
    }
  }
}

输出：

希望能有所帮助。
@LivingThing谢谢你的提示！：-）嗯，但是我是否应该给我的about文件夹中的每个markdown文件赋予属性
path:“/about”
？我认为路径应该是唯一的。根据页面应该显示的信息命名