diff --git a/docusaurus.config.ts b/docusaurus.config.ts
index 8ca69fb..86ee5d4 100644
--- a/docusaurus.config.ts
+++ b/docusaurus.config.ts
@@ -224,10 +224,10 @@ const config: Config = {
     
     // Giscus configuration
     giscus: {
-      repo: 'YOUR_GITHUB_USERNAME/YOUR_REPOSITORY_NAME',
-      repoId: 'YOUR_REPOSITORY_ID',
-      category: 'Announcements',
-      categoryId: 'YOUR_CATEGORY_ID',
+      repo: process.env.GISCUS_REPO,
+      repoId: process.env.GISCUS_REPO_ID,
+      category: 'Pages',
+      categoryId: process.env.GISCUS_CATEGORY_ID,
     },
     
     // Comprehensive metadata for SEO
diff --git a/src/components/GiscusComments/index.tsx b/src/components/GiscusComments/index.tsx
index 171ee66..ef6eb08 100644
--- a/src/components/GiscusComments/index.tsx
+++ b/src/components/GiscusComments/index.tsx
@@ -1,20 +1,23 @@
-import React from 'react';
 import Giscus from '@giscus/react';
 import { useColorMode } from '@docusaurus/theme-common';
 import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 
+interface GiscusConfig {
+  repo: string;
+  repoId: string;
+  category: string;
+  categoryId: string;
+}
+
 export default function GiscusComments() {
   const { colorMode } = useColorMode();
-  const {
-    siteConfig: {
-      themeConfig: { giscus },
-    },
-  } = useDocusaurusContext();
+  const { siteConfig } = useDocusaurusContext();
+  const giscus = (siteConfig.themeConfig as any).giscus as GiscusConfig;
 
   return (
     <Giscus
       id="comments"
-      repo={giscus.repo}
+      repo={giscus.repo as `${string}/${string}`}
       repoId={giscus.repoId}
       category={giscus.category}
       categoryId={giscus.categoryId}
diff --git a/src/theme/DocItem/Footer/index.tsx b/src/theme/DocItem/Footer/index.tsx
index 829a8dc..d6f3125 100644
--- a/src/theme/DocItem/Footer/index.tsx
+++ b/src/theme/DocItem/Footer/index.tsx
@@ -7,7 +7,7 @@ import {useDoc} from '@docusaurus/plugin-content-docs/client';
 
 type Props = WrapperProps<typeof FooterType>;
 
-export default function FooterWrapper(props: Props): JSX.Element {
+export default function FooterWrapper(props: Props) {
   const {metadata} = useDoc();
   const {frontMatter} = metadata;
   
diff --git a/src/types/global.d.ts b/src/types/global.d.ts
new file mode 100644
index 0000000..7cde74b
--- /dev/null
+++ b/src/types/global.d.ts
@@ -0,0 +1,4 @@
+declare module '@site/src/components/GiscusComments' {
+  const GiscusComments: React.FC;
+  export default GiscusComments;
+}
\ No newline at end of file