feat: add Giscus comment system and style comment section padding

Author: chenliangzihao

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

@@ -167,4 +167,21 @@ const jsonLd = {
       }
     </a>
   </div>
+
+  <script
+    src="https://giscus.app/client.js"
+    data-repo="KiritoKing/notion-astro-rev"
+    data-repo-id="R_kgDONmCW3w"
+    data-category="Announcements"
+    data-category-id="DIC_kwDONmCW384CpTzw"
+    data-mapping="pathname"
+    data-strict="0"
+    data-reactions-enabled="1"
+    data-emit-metadata="0"
+    data-input-position="top"
+    data-theme="preferred_color_scheme"
+    data-lang="zh-CN"
+    data-loading="lazy"
+    crossorigin="anonymous"
+    async></script>
 </MainGridLayout>

src/styles/main.css

@@ -174,3 +174,7 @@
 .notion-callout > .notion-callout-icon {
   margin-right: 0.8rem;
 }
+
+.giscus {
+  @apply pt-4 lg:pt-6;
+}