Graphql 如何将frontmatter添加到qraphQL?

Graphql 如何将frontmatter添加到qraphQL?,graphql,gatsby,Graphql,Gatsby,我正在学习Gatsby.js,面临一个问题。我试图从markdown中获取一个html文档,但首先我需要阅读markdown文档的前端内容。因此,我下载了gatsby transformer备注,并将其添加到gatsby-config.js。但是,当我打开localhost:8000/_graphql并尝试获取frontmatter时,没有这样的选项 这是我使用的查询: { allMarkdownRemark{ nodes{ frontmatter

我正在学习Gatsby.js,面临一个问题。我试图从markdown中获取一个html文档,但首先我需要阅读markdown文档的前端内容。因此,我下载了gatsby transformer备注,并将其添加到gatsby-config.js。但是,当我打开localhost:8000/_graphql并尝试获取frontmatter时,没有这样的选项

这是我使用的查询:

{
    allMarkdownRemark{
        nodes{
            frontmatter{
               title
            }
        }
    }
}
它在单词“frontmatter”下面加下划线,并写下“无法查询类型为“MarkdownRemark”的字段frontmatter”。我做错了什么? 这是它在graphql中的外观:

gatsby-config.js

module.exports={
站点元数据:{
标题:`Gatsby Default Starter`,
描述:`使用此默认启动程序启动下一个伟大的盖茨比项目。此裸骨启动程序附带您可能需要的主要盖茨比配置文件。`,
作者:`@gatsbyjs`,
},
插件:[
`盖茨比`,
{
解析:`gatsby源文件系统`,
选项:{
名称:`images`,
路径:`${uu dirname}/src/images`,
},
},
`盖茨比变压器,
`盖茨比,
{
解析:`gatsby插件清单`,
选项:{
名称:`gatsby starter default`,
短名称:`starter`,
起始url:`/`,
背景颜色:“663399”,
主题颜色:“663399”,
显示:`minimal ui`,
图标:`src/images/gatsby icon.png`,
},
},
{
决议:`盖茨比变压器备注',
选项:{
是的,
脚注:没错,
学究:是的,
gfm:没错,
名称:“md文件”,
路径:“${uuuu dirname}/src/pages/md files”,
},
},
],

}
您需要添加标记文件作为数据源。将此添加到您的
gatsby config.js

{
      resolve: "gatsby-source-filesystem",
      options: {
        path: `${__dirname}/blog`,
        name: "blog",
      },
    },
你的问题很模糊,所以我不知道你还缺什么。请看教程:


如果这无助于编辑您的问题。将整个
gatsby config.js
作为代码提供。同时提供整个
gatsby node.js
代码。

解决了它。在
gatsby config.js中,源文件系统位于映像文件夹中,因此qraphql没有看到所有的标记文件。我在
gatsby源文件系统中更改了
。这是一个代码:

{
  resolve: `gatsby-source-filesystem`,
  options: {
    name: `pages`,
    path: `${__dirname}/src/pages`,
  },
},
页面
文件夹包含md文件

(感谢EliteRaceElephant的帮助)

向我们展示您的mardown文档和您的gatsby-config.jsyes,当然可以。降价文件很简单:`---标题:“一页”日期:2019-11-12----#标题lorem ipsum…'在gatsby-config.js中,刚刚添加到插件“gatsby transformer remark”。当然我以前下载过。对不起,补充资料。gatsby-node.js为空。我应该在里面加些什么吗?我只是想在localhost:8000/uu graphql中查看
frontmatter
,但是没有。