chore: 使用 giscus 评论系统

mark9804 · Nov 26, 2024 · 298dc54 · 298dc54
1 parent 89ddd99
commit 298dc54
Show file tree

Hide file tree

Showing 28 changed files with 125 additions and 73 deletions.
diff --git a/docs/.vitepress/theme/components/deprecated/DiscusWidget.vue b/docs/.vitepress/theme/components/deprecated/DiscusWidget.vue
diff --git a/docs/.vitepress/theme/components/deprecated/DiscussionWidget.vue b/docs/.vitepress/theme/components/deprecated/DiscussionWidget.vue
diff --git a/docs/.vitepress/theme/index.ts b/docs/.vitepress/theme/index.ts
@@ -6,9 +6,11 @@ import { createPinia } from "pinia";
 import piniaPluginPersistedstate from "pinia-plugin-persistedstate";
 import ArticleInfo from "./components/ArticleInfo.vue";
 import { Image } from "@arco-design/web-vue";
-import ImageGallery from "./components/ElysiumUI/ElyImageGallery.vue";
-import { autoAnimatePlugin } from "@formkit/auto-animate/vue";
+import ElyImageGallery from "./components/ElysiumUI/ElyImageGallery.vue";
 import ElySpace from "./components/ElysiumUI/ElySpace.vue";
+import giscusTalk from "vitepress-plugin-comment-with-giscus";
+import { useData, useRoute } from "vitepress";
+import type { App } from "vue";
 
 import "@arco-design/web-vue/es/image/style/css.js";
 import "@arco-design/web-vue/es/tooltip/style/css.js";
@@ -21,19 +23,43 @@ pinia.use(piniaPluginPersistedstate);
 export default {
   ...Theme,
   extends: Theme,
-  setup() {},
+  setup() {
+    const { frontmatter } = useData();
+    const route = useRoute();
+
+    // Giscus configuration
+    giscusTalk(
+      {
+        repo: "mark9804/blog",
+        repoId: "R_kgDOLo2yWA",
+        category: "Announcements",
+        categoryId: "DIC_kwDOLo2yWM4CknAK",
+        mapping: "title",
+        inputPosition: "top",
+        lang: "zh-CN",
+        loading: "lazy",
+        reactionsEnabled: "1",
+        emitMetadata: "0",
+        theme: "preferred_color_scheme",
+      },
+      {
+        frontmatter,
+        route,
+      },
+      true // 默认在所有页面启用评论
+    );
+  },
   Layout: MainLayout,
-  // @ts-ignore
-  enhanceApp({ app, router, siteData }) {
-    app.use(pinia).use(autoAnimatePlugin);
+
+  enhanceApp({ app }: { app: App }) {
+    app.use(pinia);
     Message._context = app._context;
 
     // register your custom global components
-    // Space 组件已经在 ElyImageGallery 中使用了，会自动导入
     app
       .component("ArticleInfo", ArticleInfo)
       .component("ArcoImage", Image)
-      .component("ElyImageGallery", ImageGallery)
+      .component("ElyImageGallery", ElyImageGallery)
       .component("ElySpace", ElySpace);
   },
 };
diff --git a/docs/.vitepress/theme/layouts/MainLayout.vue b/docs/.vitepress/theme/layouts/MainLayout.vue
@@ -2,7 +2,6 @@
 import { useData, withBase, useRoute } from "vitepress";
 import { nextTick, onBeforeMount, provide, ComputedRef } from "vue";
 import DefaultTheme from "vitepress/theme";
-import DiscussionWidget from "../components/deprecated/DiscussionWidget.vue";
 import type { ArticleInfo } from "../types/ArticleInfo";
 import { useSearchTags } from "../utils/tagSearchUtils";
 import { useCustomStore } from "../../piniaStore";
@@ -79,9 +78,6 @@ function handleTagClick(tag: string) {
         </ElyTag>
       </div>
     </template>
-    <template #doc-after v-if="withBase('/') !== route.path">
-      <DiscussionWidget />
-    </template>
   </Layout>
 </template>
 

diff --git a/docs/.vitepress/theme/styles/main.scss b/docs/.vitepress/theme/styles/main.scss
@@ -108,8 +108,7 @@ a.title span,
 .pager-link .title,
 .VPSidebarItem.is-active .text {
   font-weight: 700;
-  font-family: "Wix Madefor", "HarmonyOS Sans SC Bold",
-    fonts.$font-family-base;
+  font-family: "Wix Madefor", "HarmonyOS Sans SC Bold", fonts.$font-family-base;
 }
 
 .vp-doc {

diff --git a/docs/components.d.ts b/docs/components.d.ts
@@ -10,10 +10,7 @@ declare module 'vue' {
     AImagePreviewGroup: typeof import('@arco-design/web-vue')['ImagePreviewGroup']
     ArticleInfo: typeof import('./.vitepress/theme/components/ArticleInfo.vue')['default']
     ArticleWaterfallList: typeof import('./.vitepress/theme/components/ArticleWaterfallList.vue')['default']
-    ASwitch: typeof import('@arco-design/web-vue')['Switch']
     ATooltip: typeof import('@arco-design/web-vue')['Tooltip']
-    DiscussionWidget: typeof import('./.vitepress/theme/components/deprecated/DiscussionWidget.vue')['default']
-    DiscusWidget: typeof import('./.vitepress/theme/components/deprecated/DiscusWidget.vue')['default']
     ElyButton: typeof import('./.vitepress/theme/components/ElysiumUI/ElyButton.vue')['default']
     ElyCard: typeof import('./.vitepress/theme/components/ElysiumUI/ElyCard.vue')['default']
     ElyImageGallery: typeof import('./.vitepress/theme/components/ElysiumUI/ElyImageGallery.vue')['default']

diff --git a/docs/index.md b/docs/index.md
@@ -7,6 +7,7 @@ prev: false
 next: false
 title: 首页
 publish: false
+comment: false
 ---
 
 <script setup>

diff --git a/docs/posts/algorithm/algo-applications/index.md b/docs/posts/algorithm/algo-applications/index.md
@@ -1,5 +1,6 @@
 ---
 publish: false
+comment: false
 ---
 
 # 算法应用
diff --git a/docs/posts/algorithm/atcoder/index.md b/docs/posts/algorithm/atcoder/index.md
@@ -1,5 +1,6 @@
 ---
 publish: false
+comment: false
 ---
 
 # AtCoder
diff --git a/docs/posts/algorithm/cci-6/index.md b/docs/posts/algorithm/cci-6/index.md
@@ -1,5 +1,6 @@
 ---
 publish: false
+comment: false
 ---
 
 # Cracking the Coding Interview - 6th Edition
diff --git a/docs/posts/algorithm/index.md b/docs/posts/algorithm/index.md
@@ -1,5 +1,6 @@
 ---
 publish: false
+comment: false
 ---
 
 # 算法
diff --git a/docs/posts/algorithm/leetcode/index.md b/docs/posts/algorithm/leetcode/index.md
@@ -1,5 +1,6 @@
 ---
 publish: false
+comment: false
 ---
 
 # LeetCode
diff --git a/docs/posts/algorithm/paiza/index.md b/docs/posts/algorithm/paiza/index.md
@@ -1,5 +1,6 @@
 ---
 publish: false
+comment: false
 ---
 
 # Paiza
diff --git a/docs/posts/archive/index.md b/docs/posts/archive/index.md
@@ -1,5 +1,6 @@
 ---
 publish: false
+comment: false
 ---
 
 # 归档文章
diff --git a/docs/posts/exam/index.md b/docs/posts/exam/index.md
@@ -1,5 +1,6 @@
 ---
 publish: false
+comment: false
 ---
 
 # 资格测验和考试
diff --git a/docs/posts/exam/it-passport/index.md b/docs/posts/exam/it-passport/index.md
@@ -1,5 +1,6 @@
 ---
 publish: false
+comment: false
 ---
 
 # IT Passport
diff --git a/docs/posts/frontend/index.md b/docs/posts/frontend/index.md
@@ -1,5 +1,6 @@
 ---
 publish: false
+comment: false
 ---
 
 # 前端
diff --git a/docs/posts/life/index.md b/docs/posts/life/index.md
@@ -1,5 +1,6 @@
 ---
 publish: false
+comment: false
 ---
 
 # 生活
diff --git a/docs/posts/llm/index.md b/docs/posts/llm/index.md
@@ -1,5 +1,6 @@
 ---
 publish: false
+comment: false
 ---
 
 # LLM
diff --git a/docs/posts/peripheral/index.md b/docs/posts/peripheral/index.md
@@ -1,5 +1,6 @@
 ---
 publish: false
+comment: false
 ---
 
 # 数码外设
diff --git a/docs/posts/tools-and-workflows/index.md b/docs/posts/tools-and-workflows/index.md
@@ -1,5 +1,6 @@
 ---
 publish: false
+comment: false
 ---
 
 # 工具与工作流
diff --git a/docs/posts/torture/index.md b/docs/posts/torture/index.md
@@ -1,5 +1,6 @@
 ---
 publish: false
+comment: false
 ---
 
 # 折腾
diff --git a/docs/posts/works/index.md b/docs/posts/works/index.md
@@ -1,5 +1,6 @@
 ---
 publish: false
+comment: false
 ---
 
 # 翻译项目
diff --git a/docs/posts/works/play-therapy-with-children/index.md b/docs/posts/works/play-therapy-with-children/index.md
@@ -1,5 +1,6 @@
 ---
 publish: false
+comment: false
 ---
 
 # Play Theory with Children: Modalities for Change
diff --git a/docs/projects.md b/docs/projects.md
@@ -1,5 +1,6 @@
 ---
 publish: false
+comment: false
 outline: [2, 4]
 createdAt: 1732558487000
 ---

diff --git a/docs/tags.md b/docs/tags.md
@@ -6,6 +6,7 @@ prev: false
 next: false
 title: 搜索标签
 publish: false
+comment: false
 ---
 
 <script setup>

diff --git a/package.json b/package.json
@@ -47,7 +47,6 @@
   "dependencies": {
     "@arco-design/web-vue": "^2.55.1",
     "@arco-plugins/vite-vue": "^1.4.5",
-    "@formkit/auto-animate": "^0.8.2",
     "@icon-park/vue-next": "^1.4.2",
     "@mdit/plugin-footnote": "^0.13.1",
     "@mdit/plugin-img-size": "^0.13.0",
@@ -75,6 +74,7 @@
     "sass": "^1.72.0",
     "unplugin-icons": "^0.20.0",
     "unplugin-vue-components": "^0.27.0",
+    "vitepress-plugin-comment-with-giscus": "^1.1.15",
     "vitepress-plugin-rss": "^0.3.0",
     "words-count": "^2.0.2"
   }