diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/pages/[...path].tsx | 5 |
1 files changed, 4 insertions, 1 deletions
diff --git a/src/pages/[...path].tsx b/src/pages/[...path].tsx index 06ad09d..d37ec91 100644 --- a/src/pages/[...path].tsx +++ b/src/pages/[...path].tsx @@ -9,6 +9,8 @@ import remarkGemoji from 'remark-gemoji'; import benzinConfig from '../config'; import Code from '../Code'; import remarkGfm from 'remark-gfm'; +import rehypeSlug from 'rehype-slug'; +import rehypeAutolinkHeadings from 'rehype-autolink-headings'; const transformLinkUri = (uri: string): string => { return uri.match(/(.*)\.md/)?.[1] || uri; @@ -65,7 +67,8 @@ const Page: NextPage = ({ markdownSource, emojiFileNames }: any) => { <ReactMarkdown transformLinkUri={transformLinkUri} transformImageUri={transformImageUri} - rehypePlugins={[emojiPlugin(emojiFileNames), remarkGemoji, remarkGfm]} + rehypePlugins={[emojiPlugin(emojiFileNames), rehypeSlug, [rehypeAutolinkHeadings, { behavior: 'wrap' }]]} + remarkPlugins={[remarkGemoji, remarkGfm]} components={{ emoji: Emoji, img: Image, |