add blog comments

Author: apacheli

src/components/Comments.tsx

@@ -0,0 +1,22 @@
+export default () => (
+    <>
+        <h2>Comments</h2>
+        <script
+            src="https://giscus.app/client.js"
+            data-repo="apacheli/apacheli.github.io"
+            data-repo-id="R_kgDOLt0Zpg"
+            data-category="General"
+            data-category-id="DIC_kwDOLt0Zps4CkjKo"
+            data-mapping="title"
+            data-strict="1"
+            data-reactions-enabled="1"
+            data-emit-metadata="1"
+            data-input-position="top"
+            data-theme="preferred_color_scheme"
+            data-lang="en"
+            data-loading="lazy"
+            crossorigin="anonymous"
+            async
+        />
+    </>
+);

src/pages/blog/hello.mdx

@@ -1,3 +1,5 @@
+import Comments from "@components/Comments"
+
 export const title = "Hello, World!"
 export const description = "hello world"
 export const date = "2024-11-22"
@@ -14,3 +16,5 @@ World so high, let me show
 And hear my declaration
 
 "No more ties"
+
+<Comments />