时间戳

首页 > 解决方案 > Graphiql 界面中的 GatsbyJs gaphql 查询文件夹/post.md

node.js - Graphiql 界面中的 GatsbyJs gaphql 查询文件夹/post.md

问题描述

我正在使用 Gatsby 开发 graphiql 沙箱来测试一些查询，我有一个工作查询正在使用 gatsby-transformer-remark 插件提取降价文件。我的markdown文件位于src/posts/post-1.md这些在下面的查询中返回，但是我开始使用Netlifys cms创建markdown文件，并且我设置markdown文件的方式位于src/team/post-1.md现在查询中不返回此markdown文件，所以它让我认为默认allMarkdownRemark查询需要降价文件位于src/posts文件夹中是否有办法覆盖它并指向src/team文件夹好的，这只是我的查询。

query BlogPostArchive1 {
    allMarkdownRemark(
      limit: 10
      sort: { order: DESC, fields: [frontmatter___date] }
    ) {
      edges {
        node {
          excerpt
          frontmatter {
            title
            slug
            date(formatString: "MMMM DD, YYYY")
          }
        }
      }
    }
  }

标签： node.jsreactjsgatsby

解决方案

gatsby-transformer-remark是一个转换器插件，这意味着它唯一的工作就是解析和转换markdown。

在它执行此操作之前，您需要告诉它在哪里可以找到降价文件。这就是源插件的用武之地。

在您的情况下，您从文件系统（而不是外部来源）中获取降价。您正在寻找的插件是gatsby-source-filesystem.

由于您以前可以查询markdown，因此您必须已经gatsby-source-filesystem安装了。

我认为问题在于插件的配置：目前它没有查看您的src/team/目录。

检查您gatsby-config.js的代码，如下所示：

{
  resolve: `gatsby-source-filesystem`,
  options: {
    name: `posts`,
    path: `${__dirname}/src/posts/`,
  },
},

尝试将path行更改为：

    path: `${__dirname}/src/team/`,

然后确保重建您的网站。

它行得通吗？

推荐阅读