Add goscis

Author: LingLambda

src/components/Prose.astro

@@ -4,4 +4,5 @@
   prose-a:text-blue-600 prose-p:text-justify prose-img:rounded-xl
   prose-headings:underline">
   <slot />
-</div>
+</div>
+<!-- 用法： prose-[element]:class-to-apply 给所有的 <h1> 标签添加 font-bold 的 Tailwind 类。 -->

src/pages/blog/[page].astro

@@ -49,21 +49,33 @@ const readTimeMin = Math.ceil(fontNum / MIN_READ_COUNT);
       <p class="read-time"><em>{readTimeMin}</em> 分钟 阅读</p>
     </div>
   </div>
-
-  <Prose>
-    <Content />
-  </Prose>
+  <article id="text">
+    <Prose>
+      <Content />
+    </Prose>
+  </article>
+    <script
+      src="https://giscus.app/client.js"
+      data-repo="LingLambda/linglambda.github.io"
+      data-repo-id="R_kgDOOOWNqQ"
+      data-category="Announcements"
+      data-category-id="DIC_kwDOOOWNqc4Co3Ed"
+      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"
+      crossorigin="anonymous"
+      async></script>
 </BaseLayout>
 
 <style>
   em {
     font-style: normal;
   }
 
-  .blog-head {
-    padding-bottom: 50px;
-  }
-
   .blog-head > * {
     line-height: 50px;
   }
@@ -91,4 +103,8 @@ const readTimeMin = Math.ceil(fontNum / MIN_READ_COUNT);
   .blog-head .other-info p {
     color: #808080;
   }
+
+  #text {
+    margin: 50px 0;
+  }
 </style>