autolink headings

website/astro.config.mjs

@@ -5,11 +5,24 @@ import react from '@astrojs/react';
 // https://astro.build/config
 import mdx from '@astrojs/mdx';
 
+import remarkToc from 'remark-toc';
+import rehypeSlug from 'rehype-slug';
+import rehypeAutolinkHeadings from 'rehype-autolink-headings';
+
 // https://astro.build/config
 
 // https://astro.build/config
 import tailwind from '@astrojs/tailwind';
 
+const options = {
+  // See https://mdxjs.com/advanced/plugins
+  remarkPlugins: [
+    remarkToc,
+    // E.g. `remark-frontmatter`
+  ],
+  rehypePlugins: [rehypeSlug, rehypeAutolinkHeadings],
+};
+
 // https://astro.build/config
 export default defineConfig({
   integrations: [
@@ -17,7 +30,7 @@ export default defineConfig({
     preact(),
     // Enable React for the Algolia search component.
     react(),
-    mdx(),
+    mdx(options),
     tailwind(),
   ],
   site: `https://strudel.tidalcycles.org`,