update: create the element

Author: Pleasurecruise

.github/workflows/deploy.yml

@@ -45,6 +45,10 @@ jobs:
         uses: actions/configure-pages@v4
       - name: Install dependencies
         run: npm ci # 或 pnpm install / yarn install / bun install
+      - name: generate config/env file
+        env:
+          GISCUS_TOKEN: ${{ secrets.GISCUS_CONFIG }}
+        run: echo "$GISCUS_TOKEN" > ./src/.vitepress/config/env.js
       - name: Build with VitePress
         run: npm run docs:build # 或 pnpm docs:build / yarn docs:build / bun run docs:build
       - name: Upload artifact

.gitignore

@@ -0,0 +1,33 @@
+# Node.js
+node_modules/
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+.bun
+
+# Logs
+logs
+*.log
+*.log.*
+
+# VitePress
+docs/.vitepress/dist
+docs/.vitepress/cache
+
+# Editor directories and files
+.idea/
+.vscode/
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+
+# MacOS
+.DS_Store
+
+# Linux
+*~
+
+# Windows
+Thumbs.db

docs/.vitepress/config.mjs

@@ -1,4 +1,5 @@
 import { defineConfig } from 'vitepress'
+import sidebar from "./config/sidebar.js";
 
 // https://vitepress.dev/reference/site-config
 export default defineConfig({
@@ -21,28 +22,38 @@ export default defineConfig({
   },
   themeConfig: {
     // https://vitepress.dev/reference/default-theme-config
+    logo: "https://avatars.githubusercontent.com/u/178354211?s=200&v=4",
     nav: [
       { text: 'Home', link: '/' },
       { text: 'Events', link: '/events/' },
       { text: 'About', link: '/about.html' }
     ],
-    sidebar: [
-      {
-        '/events/': [
-          {
-            text: 'Event Materials',
-            items: [
-              { text: 'AY2425', link: '/events/AY2425' }
-            ]
-          }
-        ]
-      }
-    ],
+    sidebar: sidebar,
     search: {
       provider: 'local'
     },
     socialLinks: [
       { icon: 'github', link: 'https://github.com/CompPsyUnion/' }
-    ]
+    ],
+    footer: {
+      message: "MIT Licensed",
+      copyright: "Copyright © 2024-present CompPsyUnion",
+    },
+    docFooter: {
+      prev: "上一页",
+      next: "下一页",
+    },
+    editLink: {
+      text: "在 GitHub 上编辑此页",
+      pattern:
+          "https://github.com/CompPsyUnion/CPU_Tech_Forum/edit/main/src/:path",
+    },
+    lastUpdated: {
+      text: "最后更新于",
+      formatOptions: {
+        dateStyle: "short",
+        timeStyle: "medium",
+      },
+    },
   }
 })

docs/.vitepress/config/env.js

@@ -0,0 +1,6 @@
+export default {
+    repo: "CompPsyUnion/CPU_Tech_Forum",
+    repoId: "R_kgDONGcOZQ",
+    category: "General",
+    categoryId: "DIC_kwDONGcOZc4Cj5Hk",
+};

docs/.vitepress/config/sidebar.js

@@ -0,0 +1,9 @@
+export default [
+    {
+        items: [
+            { text: "AY2425", link: "/events/" },
+            { text: "241018", link: "/events/AY2425/241018" },
+            { text: "241101", link: "/events/AY2425/241101" },
+        ],
+    },
+];

docs/.vitepress/theme/index.js

@@ -1,5 +1,14 @@
 // .vitepress/theme/index.js
 import DefaultTheme from 'vitepress/theme'
+import Layout from "./layout.vue";
 import './custom.css'
 
-export default DefaultTheme
+export default {
+    ...DefaultTheme,
+    Layout,
+    async enhanceApp(ctx) {
+        // extend default theme custom behaviour.
+        DefaultTheme.enhanceApp(ctx);
+        // register your custom global components
+    },
+};

docs/.vitepress/theme/layout.vue

@@ -0,0 +1,61 @@
+<script setup>
+import {ref, watch} from "vue";
+import {useData, useRoute} from "vitepress";
+import DefaultTheme from "vitepress/theme";
+import envConfig from "../config/env.js";
+
+const {Layout} = DefaultTheme;
+const {isDark} = useData();
+const isDev = import.meta.env.DEV;
+const route = useRoute();
+const showComment = ref(true);
+
+watch(
+    () => route.path,
+    () => {
+      // if (isDev){
+      //   showComment.value = false;
+      //   return;
+      // }
+      if (route.path === '/') {
+        showComment.value = false;
+        return;
+      }
+      showComment.value = false;
+      setTimeout(() => {
+        showComment.value = true;
+      }, 200);
+    },
+    {
+      immediate: true,
+    }
+);
+</script>
+
+<template>
+  <Layout>
+    <template #doc-after>
+      <div v-if="showComment" style="padding-top: 24px">
+        <component
+            :key="route.path"
+            is="script"
+            src="https://giscus.app/client.js"
+            data-id="comments"
+            :data-repo="envConfig.repo"
+            :data-repo-id="envConfig.repoId"
+            :data-category="envConfig.category"
+            :data-category-id="envConfig.categoryId"
+            data-mapping="url"
+            data-strict="1"
+            data-reactions-enabled="1"
+            data-emit-metadata="0"
+            data-input-position="top"
+            :data-theme="isDark ? 'dark' : 'light'"
+            data-lang="zh-CN"
+            data-crossorigin="anonymous"
+            data-loading="lazy"
+            async></component>
+      </div>
+    </template>
+  </Layout>
+</template>

docs/events/AY2425/241018.md

@@ -4,4 +4,5 @@
 
 ## 王修奇：Introduction to Git
 
-## 徐安植：Introduction to Git
+## 徐安植：Introduction to Git
+

docs/events/index.md

@@ -1,3 +1,10 @@
+---
+title: Events
+description: "Events"
+permalink: /events/
+---
+
 # Events Materials
 
-查看或下载活动材料。
+查看或下载活动材料。
+