feat: add custom theme layout

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

@@ -1,30 +1,36 @@
-import DefaultTheme from 'vitepress/theme';
- import giscusTalk from 'vitepress-plugin-comment-with-giscus';
- import { useData, useRoute } from 'vitepress';
- import { toRefs } from "vue";
- 
- export default {
- ...DefaultTheme,
- enhanceApp(ctx) {
- DefaultTheme.enhanceApp(ctx);
- },
- setup() {
- const { frontmatter } = toRefs(useData());
- const route = useRoute();
- 
-         giscusTalk({
-             repo: 'doocs/advanced-java',
-             repoId: 'MDEwOlJlcG9zaXRvcnkxNTE4MzQwNjI=',
-             mapping: 'number',
-             inputPosition: 'top',
-             lang: 'zh-CN',
-             homePageShowComment: true,
-             term: '9',
-             lightTheme: 'light',
-             darkTheme: 'transparent_dark',
-         }, {
-             frontmatter,
-             route
-         }, true);
-     }
- };
+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/advanced-java",
+        repoId: "MDEwOlJlcG9zaXRvcnkxNTE4MzQwNjI=",
+        mapping: "number",
+        inputPosition: "top",
+        lang: "zh-CN",
+        homePageShowComment: true,
+        term: "9",
+        lightTheme: "light",
+        darkTheme: "transparent_dark",
+      },
+      {
+        frontmatter,
+        route,
+      },
+      true
+    );
+  },
+};