feat: add blog section with initial setup

- Add blog pages and layouts
- Configure content collections for blog posts
- Setup typography and styling for blog posts
- Remove tags feature from blog
- Fix rehype plugin configuration
- Add initial blog post structure

Author: 4lb

astro.config.mjs

@@ -1,7 +1,7 @@
 import { defineConfig } from "astro/config";
 import path from "path";
-import rehypeExternalLinks from "rehype-external-links";
 import { fileURLToPath } from "url";
+// Remove direct import and let Astro handle plugin loading
 
 import mdx from "@astrojs/mdx";
 
@@ -22,6 +22,13 @@ export default defineConfig({
   site: "https://defguard.net",
   trailingSlash: "ignore",
   prefetch: true,
+  build: {
+    assets: 'assets',
+  },
+  // Keep configuration simple to avoid conflicts
+  mdx: {
+    // Will inherit from markdown config
+  },
   integrations: [
     react(),
     mdx(),
@@ -42,14 +49,16 @@ export default defineConfig({
   ],
   markdown: {
     rehypePlugins: [
-      [
-        rehypeExternalLinks,
-        {
-          target: "_blank",
-          rel: ["nofollow", "noopener", "noreferrer"],
-        },
-      ],
+      // Keep string-based configuration which works with both versions
+      ['rehype-external-links', {
+        target: "_blank",
+        rel: ["nofollow", "noopener", "noreferrer"],
+      }],
     ],
+    shikiConfig: {
+      theme: 'github-dark',
+      wrap: true
+    },
   },
   vite: {
     resolve: {

package.json

@@ -33,6 +33,7 @@
     "@playform/compress": "^0.1.6",
     "@tuplo/numberfmt": "^1.11.0",
     "astro": "^4.16.16",
+    "astro-blog": "^0.2.3",
     "astro-font": "^0.1.81",
     "astro-imagetools": "^0.9.0",
     "clsx": "^2.1.1",
@@ -43,7 +44,7 @@
     "react-markdown": "^9.0.1",
     "react-multi-carousel": "^2.8.5",
     "react-slick": "^0.30.2",
-    "rehype-external-links": "^3.0.0",
+    "rehype-external-links": "^2.0.0",
     "rehype-raw": "^7.0.0",
     "sass": "^1.81.0",
     "sharp": "0.33.5",