feat: 为特定评论映射添加 docId 属性 GiscusComments

Author: longsizhuo

app/components/GiscusComments.tsx

@@ -1,20 +1,24 @@
-'use client';
+"use client";
 
-import Giscus from '@giscus/react';
+import Giscus from "@giscus/react";
 
 interface GiscusCommentsProps {
   className?: string;
+  docId?: string | null;
 }
 
-export function GiscusComments({ className }: GiscusCommentsProps) {
+export function GiscusComments({ className, docId }: GiscusCommentsProps) {
+  const useDocId = typeof docId === "string" && docId.trim().length > 0;
+
   return (
     <div className={className}>
       <Giscus
         repo="InvolutionHell/involutionhell.github.io"
         repoId="R_kgDOPuD_8A"
         category="Comments"
         categoryId="DIC_kwDOPuD_8M4Cvip8"
-        mapping="pathname"
+        mapping={useDocId ? "specific" : "pathname"}
+        term={useDocId ? docId : undefined}
         strict="0"
         reactionsEnabled="1"
         emitMetadata="0"

app/docs/[...slug]/page.tsx

@@ -86,7 +86,7 @@ export default async function DocPage({ params }: Param) {
           <Mdx components={getMDXComponents()} />
           <Contributors entry={contributorsEntry} />
           <section className="mt-16">
-            <GiscusComments />
+            <GiscusComments docId={docIdFromPage ?? null} />
           </section>
         </DocsBody>
       </DocsPage>