Почему gatsby-transformer-no te не добавляет идентификаторы в заголовки, чтобы я мог ссылаться на них?

Я полагаю (d), что gatsby-transformer-note автоматически добавляет идентификаторы к каждому заголовку, чтобы вы могли ссылаться на них. это tableOfContents генерирует ссылки на такие идентификаторы, но в моих заголовках их нет. Зачем? Он должен работать так же, как и здесь https://using-remark.gatsbyjs.org/hello-world-kitchen-sink/ (который также добавляет gatsby -mark-autolink-headers для необычных эффектов).

Смотрите пример здесь https://blog.jakubholy.net/it-will-only-take-1h/, код на https://github.com/holyjak/blog.jakubholy.net

Спасибо!

1 ответ

Решение

gatsby-transformer-note автоматически добавляет идентификаторы к каждому заголовку

Это не так, это исключительно работа gatsby-remark-autolink-headers, Autolink-заголовки предназначены не только для необычного эффекта, они фактически генерируют идентификатор для каждого заголовка, используя github-slugger,

Вы можете увидеть детали реализации здесь

Вы можете использовать плагин gatsby-comment-heading-slug, который использует github-slugger для добавления идентификаторов без каких-либо дополнительных сложностей, связанных с заголовками gatsby-comment-autolink-headers.

Другие вопросы по тегам