Help with adding ## to markdown headings | Astro Lounge | Page 1

upbeat pawn Sep 11, 2023, 9:17 AM

#

Okay so I want to add like the ## headings that most docs have that copies the link to their slug ID. Is there anyway I can do that in astro?

shell tinsel Sep 11, 2023, 9:25 AM

#

As far as I know you can pass a custom component to each html tag in <Content /> as props

#

https://docs.astro.build/en/guides/markdown-content/#custom-components-with-imported-mdx

Astro Documentation

Markdown & MDX

Learn how to create content using Markdown or MDX with Astro

upbeat pawn Sep 11, 2023, 9:31 AM

#

Oh cool!

#

Thanks

#

Will try this

thick comet Sep 11, 2023, 10:23 AM

#

You can also just use remark-auto-links

golden flume Sep 11, 2023, 1:23 PM

#

You can use the rehype-autolink-headings plugin to automatically add links to your markdown headings: ```js
import remarkToc from 'remark-toc';
import { rehypeHeadingIds } from '@astrojs/markdown-remark';
import rehypeAutolinkHeadings from 'rehype-autolink-headings';

export default {
markdown: {
rehypePlugins: [
rehypeHeadingIds,
[rehypeAutolinkHeadings, { behavior: 'append' }],
],
},
}

upbeat pawn Sep 11, 2023, 8:10 PM

#

Yeah I figured it out 😄

#Help with adding ## to markdown headings