为什么 gatsby-transformer-remark 不将 ID 添加到标题以便我可以链接到它们？

Question

我相信(d) gatsby-transformer-remark 会自动为每个标题添加 ID，以便您可以链接到它们。它的tableOfContents 生成指向此类 ID 的链接，但我的标题没有它们。为什么？它应该像这里 https://using-remark.gatsbyjs.org/hello-world-kitchen-sink/ 一样工作（它还添加了 gatsby-remark-autolink-headers 以获得精美的效果）。

在这里查看示例https://blog.jakubholy.net/it-will-only-take-1h/，代码在https://github.com/holyjak/blog.jakubholy.net

谢谢！

Answer 1

gatsby-transformer-remark 自动为每个标题添加 ID

它没有，这完全是 gatsby-remark-autolink-headers 的工作。 Autolink-headers 不仅是为了花哨的效果，它实际上使用github-slugger 为每个标题生成 id。

你可以看到实现细节here

Answer 2

您可以使用gatsby-remark-heading-slug 插件，该插件使用github-slugger 为您添加ID，而无需gatsby-remark-autolink-headers 的任何额外复杂性。