diff --git a/src/components/composite/giscus.astro b/src/components/composite/giscus.astro
new file mode 100644
index 00000000..8e35fc34
--- /dev/null
+++ b/src/components/composite/giscus.astro
@@ -0,0 +1,17 @@
+<script
+  is:inline
+  src="https://giscus.app/client.js"
+  data-repo="namachan10777/namachan10777.dev"
+  data-repo-id="MDEwOlJlcG9zaXRvcnkxMTEzOTQ4NzE="
+  data-category="Q&A"
+  data-category-id="DIC_kwDOBqPAN84CgHHl"
+  data-mapping="og:title"
+  data-strict="0"
+  data-reactions-enabled="1"
+  data-emit-metadata="1"
+  data-input-position="bottom"
+  data-theme="preferred_color_scheme"
+  data-lang="ja"
+  data-loading="lazy"
+  crossorigin="anonymous"
+  async></script>
diff --git a/src/pages/post/[...slug].astro b/src/pages/post/[...slug].astro
index 0468e3d1..bdb97ce4 100644
--- a/src/pages/post/[...slug].astro
+++ b/src/pages/post/[...slug].astro
@@ -18,6 +18,7 @@ import Picture from "@components/mdx/image.astro";
 import { PAGE_SIZE, renderDate } from "@lib/util";
 import Pre from "@components/mdx/pre.astro";
 import Tags from "@components/composite/tags.astro";
+import Giscus from "@components/composite/giscus.astro";
 
 export const getStaticPaths = (async () => {
   const collection = await getCollection("post");
@@ -102,6 +103,7 @@ const pageIndex =
       ol: OrderedList,
     }}
   />
+  <Giscus />
 </Base>
 
 <style>