Make headings clickable via anchors

astro.config.ts

@@ -1,6 +1,8 @@
 import { defineConfig } from "astro/config";
 import tailwindcss from "@tailwindcss/vite";
 import sitemap from "@astrojs/sitemap";
+import rehypeAutolinkHeadings from "rehype-autolink-headings";
+import rehypeSlug from "rehype-slug";
 
 export default defineConfig({
   site: "https://thiloho.github.io",
@@ -18,6 +20,15 @@ export default defineConfig({
     shikiConfig: {
       theme: "github-dark",
     },
+    rehypePlugins: [
+      rehypeSlug,
+      [
+        rehypeAutolinkHeadings,
+        {
+          behavior: "wrap",
+        },
+      ],
+    ],
   },
 
   integrations: [sitemap()],