Added comments

src/components/Comments.astro

@@ -0,0 +1,32 @@
+---
+const category = "Announcements";
+const categoryId = "DIC_kwDOJfmscs4CdNE6";
+const crossorigin = "anonymous";
+const inputPosition = "bottom";
+const lang = "en";
+const mapping = "title";
+const metadata = "0";
+const reactions = "1";
+const repo = "valentineus/valentineus.github.io";
+const repoId = "R_kgDOJfmscg";
+const strict = "1";
+const theme = "transparent_dark";
+---
+
+<script
+	defer
+	src="https://giscus.app/client.js"
+	data-category-id={categoryId}
+	data-category={category}
+	data-emit-metadata={metadata}
+	data-input-position={inputPosition}
+	data-lang={lang}
+	data-mapping={mapping}
+	data-reactions-enabled={reactions}
+	data-repo-id={repoId}
+	data-repo={repo}
+	data-strict={strict}
+	data-theme={theme}
+	crossorigin={crossorigin}
+>
+</script>

src/pages/blog/[...slug].astro

@@ -1,5 +1,6 @@
 ---
 import { type CollectionEntry, getCollection } from "astro:content";
+import Comments from "../../components/Comments.astro";
 import Layout from "../../layouts/PageLayout.astro";
 
 export async function getStaticPaths() {
@@ -34,4 +35,5 @@ const { Content, remarkPluginFrontmatter } = await post.render();
 		</p>
 	</div>
 	<Content />
+	<Comments />
 </Layout>