1

Gatsby には がありfile.md、複数のページ ( のセクションごとに 1 つずつ) を生成したいと考えていますfile.md。

ギャツビー トランスフォーマー リマーク

を使用するgatsby-transformer-remarkと、マークダウン ファイル全体の HTML を取得できますallMarkdownRemark.nodes.html。ファイルの各セクションの HTML を取得するにはどうすればよいですか? 例えば：

file.md:

# section 1

**bold**

# section 2

foo

次のようなセクション HTML の配列を取得したいと思います。

[
  '<div><h1>section 1</h1><b>bold</b></div>', 
  '<div><h1>section 2</h1>foo</div>'
]

gatsby-プラグイン-mdx

とgatsby-plugin-mdx、いつ

query MyQuery {
  mdx {
    headings {
      value
      depth
    }
  }
}

私は得る

{
  "data": {
    "mdx": {
      "headings": [
        {
          "value": "Section1",
          "depth": 1
        },
        {
          "value": "Section2",
          "depth": 1
        },
      ]
    }
  },
  "extensions": {}
}

しかし、私がするとき：

query MyQuery {
  mdx(headings: {elemMatch: {value: {eq: "Section1"}}}) {
    body
  }
}

Section1bodyだけでなく、ファイル全体です。

4

1 に答える 1