Add Blog Posts to website

astro/src/pages/[...route].astro

@@ -8,6 +8,7 @@ import ProjectLayout from "@/layouts/ProjectLayout.astro";
 import BlogIndex from "@/components/blogs/BlogIndex.astro";
 import ProjectIndex from "@/components/projects/ProjectIndex.astro";
 import Webpage from "@/components/webpage/Webpage.astro";
+import BlogPost from "@/components/blogs/BlogPost.astro";
 
 export async function getStaticPaths() {
     const settings = await getSettings();
@@ -92,7 +93,7 @@ console.log(page);
         tags: []
     }}>
         <Fragment slot="content">
-            <dib>BlogPost</dib>
+            <BlogPost blog={page.page} />
         </Fragment>
     </BlogLayout>
 ) }