Fix markdown export to display inline in browser (#15)

- Keep .md extension (reverted from .txt)
- Add nginx config to serve .md files as text/plain with inline disposition
- Fix root URL handling: / now links to /index.md
- Generate index.md for the homepage instead of .md

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-authored-by: Claude Opus 4.5 <[email protected]>

Author: kylemclaren

Dockerfile

@@ -32,6 +32,10 @@ RUN printf 'server {\n\
     location / {\n\
         try_files $uri $uri/ $uri.html =404;\n\
     }\n\
+    location ~* \\.md$ {\n\
+        types { text/plain md; }\n\
+        add_header Content-Disposition "inline";\n\
+    }\n\
     location ~* \\.(js|css|png|jpg|jpeg|gif|ico|svg|woff|woff2)$ {\n\
         expires 1y;\n\
         add_header Cache-Control "public, immutable";\n\

src/components/react/CopyPageButton.tsx

@@ -80,8 +80,11 @@ export function CopyPageButton({
   };
 
   const handleViewMarkdown = () => {
-    const url = pageUrl.endsWith('/') ? pageUrl.slice(0, -1) : pageUrl;
-    window.open(`${url}.md`, '_blank');
+    const url = new URL(pageUrl);
+    const path = url.pathname.replace(/\/$/, '');
+    // Root path links to /index.md, otherwise append .md
+    const mdPath = path === '' ? '/index.md' : `${path}.md`;
+    window.open(`${url.origin}${mdPath}`, '_blank');
   };
 
   return (

src/pages/[...slug].md.ts

@@ -6,7 +6,7 @@ export const prerender = true;
 export const getStaticPaths: GetStaticPaths = async () => {
   const docs = await getCollection('docs');
   return docs.map((doc) => ({
-    params: { slug: doc.id === 'index' ? undefined : doc.id },
+    params: { slug: doc.id },
     props: { doc },
   }));
 };