markdown - Gatsby 如何使用 GraphQL 提供 Markdown frontmatter？

Question

Gatsby 对我来说最有趣的特性是gatsby-source-filesystem能够利用降价文件目录并通过 GraphQL 查询将静态内容提供给 React。本质上，带有 YAML frontmatter 的平面文件是可过滤的、可排序的、可嵌套的等。它是如何完成的？它是基于现有的方法吗？如果没有，是否可以将其提取以与其他堆栈一起使用？（例如 Vuepress）

追问：方法是YAML特有的吗？可能是 TOML 或 JSON 或 CSV 或或或...？

Answer 1

gatsby-source-filesystem没有任何特定于降价的逻辑，并且确实不负责拆分frontmatter。这就是 的工作gatsby-transformer-remark，它使用灰质来进行实际的前端解析（source）。

从那里使用Gatsby 提供的createNode操作创建节点。Gatsby 根据节点的值推断类型。