javascript - GatsbyJS 如何使用 GraphQL 获取 Markdown 文件并在特定页面上显示数据

Question

我正在构建一个 gatsby -我想显示一些内容的站点 markdown -使用graphql特定页面上的文件.

我的结构是这样的:

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

// etc.

markdown 文件的示例是:

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

this is some dummy text

然后我就有了我的 react 文件，例如例如关于页面，我想在其中显示所有 markdown - 位于 content/about 中的文件-文件夹..

import React from "react"

const AboutPage = ({data}) => {

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

我可以做一个graphql - 仅针对该页面的查询？我可以通过查询键来获取数据还是应该设置路径值？

欢迎任何建议...

Answer 1

Gatsby-source-filesystem 插件将允许您获取目录中的文件