Gatsby和Graphql -如何按文件夹过滤allMarkdownRemark

module.exports = {
  plugins: [
    {
      resolve: "gatsby-source-filesystem",
      options: {
        name: "markdown-pages",
        path: `${__dirname}/src/markdown-pages`,
      },
    },
  ],
};

import React from "react";
import { graphql } from "gatsby";

export const query = graphql`
  query($folder: String!) {
    allMarkdownRemark(filter: { fileAbsolutePath: { regex: $folder } }) {
      edges {
        node {
          frontmatter {
            title
          }
          html
        }
      }
    }
  }
`;

const MyComponent = ({ data }) => {
  // 使用过滤后的数据进行渲染
  return (
    <div>
      {data.allMarkdownRemark.edges.map(({ node }) => (
        <div key={node.frontmatter.title}>
          <h2>{node.frontmatter.title}</h2>
          <div dangerouslySetInnerHTML={{ __html: node.html }} />
        </div>
      ))}
    </div>
  );
};

export default MyComponent;