如何在gatsby graphql html节点中获取特定元素

Question

当前使用netlifyCMS生成markdown文件和gatsby作为静态站点生成器

当我通过grapghql查询数据时，它们全部包含在html节点而不是独立节点中

假设我已经在CMS中插入了两个标题标签，我想在组件内部使用这些标签

query BlogPostByPath {
markdownRemark {
    html
    frontmatter {
        path
        title
    }
  }
}

它将生成以下内容：

{
  "data": {
    "markdownRemark": {
        "html": "<p>test</p> <p>another test</p>",
        "frontmatter": {
        "path": "testPath",
        "title": "test"
     }
   }
 }
}

问题是：如何获取第一个p标签并在组件内部使用它，并将另一个p标签插入主组件内的另一个组件内部？就像我如何控制html节点如何提供数据

并假设我不想将它们插入几个子组件中，假设我希望第一个p标签具有特定样式，第二个p标签具有另一种样式

如果可以访问html节点内的特定元素，它将发送更多的邮件