add dev blog

Author: hex-mt

astro.config.mjs

@@ -4,61 +4,75 @@ import starlight from "@astrojs/starlight";
 import tailwindcss from "@tailwindcss/vite";
 import remarkMath from "remark-math";
 import rehypeKatex from "rehype-katex";
+import starlightBlog from 'starlight-blog'
 
 // https://astro.build/config
 export default defineConfig({
-  markdown: {
-    remarkPlugins: [remarkMath],
-    rehypePlugins: [rehypeKatex],
-  },
-  integrations: [
-    starlight({
-      routeMiddleware: "./src/routeData.ts",
-      title: "Meantonal",
-      logo: {
-        src: "./src/assets/nav-logo.svg",
-      },
-      social: [
-        {
-          icon: "github",
-          label: "GitHub",
-          href: "https://github.com/meantonal",
-        },
-      ],
-      editLink: {
-        baseUrl: "https://github.com/meantonal/documentation/blob/master/",
-      },
-      sidebar: [
-        {
-          label: "Start Here",
-          autogenerate: { directory: "start" },
-        },
-        {
-          label: "JS Reference",
-          // Collapse the group and its autogenerated subgroups by default.
-          collapsed: true,
-          autogenerate: { directory: "js" },
-        },
-        {
-          label: "C Reference",
-          // Collapse the group and its autogenerated subgroups by default.
-          collapsed: true,
-          autogenerate: { directory: "c" },
-        },
-        {
-          label: "Learn",
-          autogenerate: { directory: "learn" },
-        },
-      ],
-      components: {
-        Header: "./src/components/Header.astro",
-      },
-      customCss: ["./src/styles/global.css"],
-    }),
-  ],
-  vite: {
-    plugins: [tailwindcss()],
-  },
-  site: "http://meantonal.org",
-  output: "static",
+    markdown: {
+        remarkPlugins: [remarkMath],
+        rehypePlugins: [rehypeKatex],
+    },
+    integrations: [
+        starlight({
+            routeMiddleware: "./src/routeData.ts",
+            plugins: [
+                starlightBlog({
+                    authors: {
+                        hideoo: {
+                            name: 'Hex',
+                            title: 'Core Maintainer',
+                            picture: '/hex.png',
+                            url: 'https://github.com/hex-mt',
+                        },
+                    },
+                    navigation: "none",
+                })
+            ],
+            title: "Meantonal",
+            logo: {
+                src: "./src/assets/nav-logo.svg",
+            },
+            social: [
+                {
+                    icon: "github",
+                    label: "GitHub",
+                    href: "https://github.com/meantonal",
+                },
+            ],
+            editLink: {
+                baseUrl: "https://github.com/meantonal/documentation/blob/master/",
+            },
+            sidebar: [
+                {
+                    label: "Start Here",
+                    autogenerate: { directory: "start" },
+                },
+                {
+                    label: "JS Reference",
+                    // Collapse the group and its autogenerated subgroups by default.
+                    collapsed: true,
+                    autogenerate: { directory: "js" },
+                },
+                {
+                    label: "C Reference",
+                    // Collapse the group and its autogenerated subgroups by default.
+                    collapsed: true,
+                    autogenerate: { directory: "c" },
+                },
+                {
+                    label: "Learn",
+                    autogenerate: { directory: "learn" },
+                },
+            ],
+            components: {
+                Header: "./src/components/Header.astro",
+            },
+            customCss: ["./src/styles/global.css"],
+        }),
+    ],
+    vite: {
+        plugins: [tailwindcss()],
+    },
+    site: "http://meantonal.org",
+    output: "static",
 });

package-lock.json

@@ -19,6 +19,7 @@
     "rehype-katex": "^7.0.1",
     "remark-math": "^6.0.0",
     "sharp": "^0.34.2",
+    "starlight-blog": "^0.24.3",
     "tailwindcss": "^4.0.7"
   }
 }

package.json

@@ -22,8 +22,9 @@ const shouldRenderSearch =
 		{shouldRenderSearch && <Search />}
 	</div>
 	<div class="sl-hidden md:sl-flex print:hidden right-group">
-        <div class="nav-links">
+        <div class="nav-links flex gap-4">
             <a href="/start/what-is-meantonal">Docs</a>
+            <a href="/blog">Blog</a>
         </div>
 		<div class="sl-flex social-icons">
 			<SocialIcons />