Fix route

Author: JerryMain

src/components/Navigation.astro

@@ -3,7 +3,7 @@ import "../styles/global.css";
 
 const base = import.meta.env.BASE_URL || "";
 ---
-<a href={`${base}`} class="text-sm font-medium transition-colors duration-200 hover:opacity-100 opacity-70" style="color: var(--color-text);">Home</a>
-<a href={`${base}about`} class="text-sm font-medium transition-colors duration-200 hover:opacity-100 opacity-70" style="color: var(--color-text);">About</a>
-<a href={`${base}blog`} class="text-sm font-medium transition-colors duration-200 hover:opacity-100 opacity-70" style="color: var(--color-text);">Blog</a>
-<a href={`${base}tags`} class="text-sm font-medium transition-colors duration-200 hover:opacity-100 opacity-70" style="color: var(--color-text);">Tags</a>
+<a href={`${base}/`} class="text-sm font-medium transition-colors duration-200 hover:opacity-100 opacity-70" style="color: var(--color-text);">Home</a>
+<a href={`${base}/about`} class="text-sm font-medium transition-colors duration-200 hover:opacity-100 opacity-70" style="color: var(--color-text);">About</a>
+<a href={`${base}/blog`} class="text-sm font-medium transition-colors duration-200 hover:opacity-100 opacity-70" style="color: var(--color-text);">Blog</a>
+<a href={`${base}/tags`} class="text-sm font-medium transition-colors duration-200 hover:opacity-100 opacity-70" style="color: var(--color-text);">Tags</a>

src/pages/index.astro

@@ -10,10 +10,10 @@ const base = import.meta.env.BASE_URL || "";
             Welcome to my corner of the internet. I write about technology, programming, and things I find interesting.
         </p>
         <div class="flex gap-4 pt-2">
-            <a href={`${base}blog`} class="inline-flex items-center gap-2 px-5 py-2.5 rounded-lg text-sm font-medium text-white transition-opacity hover:opacity-90" style="background-color: var(--color-accent);">
+            <a href={`${base}/blog`} class="inline-flex items-center gap-2 px-5 py-2.5 rounded-lg text-sm font-medium text-white transition-opacity hover:opacity-90" style="background-color: var(--color-accent);">
                 Read Blog
             </a>
-            <a href={`${base}about`} class="inline-flex items-center gap-2 px-5 py-2.5 rounded-lg text-sm font-medium border transition-opacity hover:opacity-80" style="border-color: var(--color-border); color: var(--color-text);">
+            <a href={`${base}/about`} class="inline-flex items-center gap-2 px-5 py-2.5 rounded-lg text-sm font-medium border transition-opacity hover:opacity-80" style="border-color: var(--color-border); color: var(--color-text);">
                 About Me
             </a>
         </div>