从布局访问Gatsby frontmatter以获取静态页面

Question

据我了解，对于静态页面，您可以这样定义frontmatter：

exports.data = {
  title: 'Projects'
}

从主布局中访问标题的最简单/最简洁的方法是什么？

Answer 1

data导出由transformer-javascript-static-exports包解析，不推荐使用transformer-javascript-frontmatter。

文档解释了如何查询数据。

export const frontmatter = {
  title: "Choropleth on d3v4",
  written: "2017-05-04",
  layoutType: "post",
  path: "choropleth-on-d3v4",
  category: "data science",
  description: "Things about the choropleth.",
};

然后你可以查询数据：

{
  allJsFrontmatter {
    edges {
      node {
        data {
          error
          path
          title
          written
          category
          description
          updated
        }
      }
    }
  }
}

然后使用普通查询模式将数据导入模板。

但是您可以轻松地在我们的组件中导入config.js文件并直接使用变量。