Add giscus as comment sys

169 · Nov 30, 2023 · c64fe6c · c64fe6c
1 parent 9826292
commit c64fe6c
Show file tree

Hide file tree

Showing 3 changed files with 1,313 additions and 1,460 deletions.
diff --git a/package.json b/package.json
@@ -51,6 +51,7 @@
     "tailwindcss": "^3.3.3"
   },
   "dependencies": {
+    "@giscus/react": "^2.3.0",
     "astro-boilerplate-components": "169/astro-boilerplate-components#55e09ef1a6a",
     "astro-embed": "^0.6.0",
     "date-fns": "^2.28.0",

diff --git a/src/partials/BlogPost.tsx b/src/partials/BlogPost.tsx
@@ -1,6 +1,7 @@
 import type { IFrontmatter } from 'astro-boilerplate-components';
 import { PostContent, PostHeader, Section } from 'astro-boilerplate-components';
 import type { ReactNode } from 'react';
+import Giscus from '@giscus/react';
 
 import { AppConfig } from '@/utils/AppConfig';
 
@@ -14,6 +15,22 @@ const BlogPost = (props: IBlogPostProps) => (
     <PostHeader content={props.frontmatter} author={AppConfig.author} />
 
     <PostContent content={props.frontmatter}>{props.children}</PostContent>
+
+    <Giscus
+      id="comments"
+      repo="169/169.github.io"
+      repoId="R_kgDOKyYnfg"
+      category="General"
+      categoryId="DIC_kwDOKyYnfs4CbYd8"
+      mapping="pathname"
+      term="Welcome to Boblin's blog!"
+      reactionsEnabled="1"
+      emitMetadata="0"
+      inputPosition="top"
+      theme="light"
+      lang="en"
+      loading="lazy"
+    />
   </Section>
 );