javascript - Gatsby : Accessing different sections of a blog post saved in markdown file (GraphQL)

Question

我正在使用 Gatsby JS，我正在尝试制作一个使用 Markdown 文件生成博文的博客。我的博文模板中有不同的部分，我想将它们放入我的博文模板中的不同部分。但我不确定如何在我的 Markdown 文件中单独访问它们。

我知道如何获取整个文本以及如何获取前言的各个部分，但我不知道如何获取，例如，仅从我的文本中获取“成分”信息。

现在我正在通过将博客文章的不同部分直接包含到 frontmatter 中来解决这个问题，这样我就可以使用 graphQL 访问这些部分，但我知道这不是 frontmatter 的用途。

有没有办法将我的 Markdown 文本分成几个部分，以便我可以在 GraphQL 查询中使用这些单独的部分？

这是我的:

---
title: "Cake"
date: "09-12-2017"
post: "2"

Name: "Chocolate Cake"
Author: "DJ"
Source: "Book"

Ingredients: "milk, dark chocolate, coca cola, skittles, tea, liquorice"

Subtitle1: "First Heading |"
Subtitle2: "Second Heading |"
Subtitle3: "Third Heading |"

Text1: "first text"
Text2: "second text"
Text3: "third text"
---

My excerpt goes here

我想做这样的事情:

---
title: "Cake"
date: "09-12-2017"
post: "2"
---

Name: " Chocolate Cake"
Author: "DJ"
Source: "Book"

Ingredients: "milk, dark chocolate, coca cola, skittles, tea, liquorice"

Subtitle1: "First Heading |"
Subtitle2: "Second Heading |"
Subtitle3: "Third Heading |"

Text1: "first text"
Text2: "second text"
Text3: "third text"

Excerpt: my excerpt goes here

然后以某种方式能够获取这些单独的信​​息片段以在博客文章模板中使用。

Answer 1

Gatsby 的数据层具有钩子(Hook)，可让您对数据进行自定义转换，例如就像将 Markdown 文件拆分为结构化字段。

为此，实现 onCreateNode在你的 gatsby-node.js 文件中解析你的 markdown 文件并使用 createNodeField 将字段添加到 MarkdownRemark 节点上