feat: add comment sysytem

Author: yanglbme

docs/.vitepress/theme/Layout.vue

@@ -0,0 +1,38 @@
+<template>
+  <Layout>
+    <template #doc-footer-before>
+      <div
+        style="
+          margin-top: 40px;
+          padding: 2em 0;
+          text-align: center;
+          border-top: 1px solid #e2e2e2;
+        "
+      >
+        <table style="margin: 0 auto">
+          <tbody>
+            <tr>
+              <td align="center" style="width: 260px">
+                <img
+                  src="https://cdn-doocs.oss-cn-shenzhen.aliyuncs.com/gh/doocs/images/qrcode-for-doocs.png"
+                  style="width: 200px"
+                /><br />
+              </td>
+              <td align="center" style="width: 260px">
+                <img
+                  src="https://cdn-doocs.oss-cn-shenzhen.aliyuncs.com/gh/doocs/images/qrcode-for-yanglbme.png"
+                  style="width: 200px"
+                /><br />
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </template>
+  </Layout>
+</template>
+
+<script setup>
+import DefaultTheme from 'vitepress/theme';
+const { Layout } = DefaultTheme;
+</script>

docs/.vitepress/theme/index.js

@@ -0,0 +1,41 @@
+import DefaultTheme from "vitepress/theme";
+import giscusTalk from "vitepress-plugin-comment-with-giscus";
+import { useData, useRoute } from "vitepress";
+import { toRefs } from "vue";
+import Layout from "./Layout.vue";
+
+export default {
+  extends: DefaultTheme,
+  Layout: Layout,
+  enhanceApp(ctx) {
+    DefaultTheme.enhanceApp(ctx);
+  },
+  setup() {
+    const { frontmatter } = toRefs(useData());
+    const route = useRoute();
+
+    giscusTalk(
+      {
+        repo: "doocs/source-code-hunter",
+        category: "Announcements",
+        categoryId: "DIC_kwDODP2NQc4CpG9T",
+        repoId: "MDEwOlJlcG9zaXRvcnkyMTc5NDMzNjE=",
+        mapping: "pathname",
+        inputPosition: "top",
+        lang: "zh-CN",
+        homePageShowComment: true,
+        term: "9",
+        strict: "0",
+        reactionsEnabled: "1",
+        loading: "lazy",
+        lightTheme: "light",
+        darkTheme: "transparent_dark",
+      },
+      {
+        frontmatter,
+        route,
+      },
+      true
+    );
+  },
+};