update

part of #22

.vitepress/config.js

@@ -1,21 +1,36 @@
+import { fileURLToPath, URL } from 'node:url'
+
 export default {
-    title: '学思刻',
-    description: '一个优质学习资源导航平台。',
-    lastUpdated: true,
-    titleTemplate: false,
-    srcDir: './src',
-    outDir: './dist',
-    themeConfig: {
-        outline: {
-            label: '页面导航'
-        },
-        lastUpdatedText: '最后更新于',
-        editLink: {
-            pattern: 'https://github.com/awxiaoxian2020/thidy/edit/master/src/:path',
-            text: '在 GitHub 编辑此页面'
-        },
-        footer: {
-            message: '<a href="https://beian.miit.gov.cn">皖ICP备2021004162号-2</a>'
+  title: "学思刻",
+  description: "一个优质学习资源导航平台。",
+  lastUpdated: true,
+  titleTemplate: false,
+  srcDir: "./src",
+  outDir: "./dist",
+  themeConfig: {
+    outline: {
+      label: "页面导航",
+    },
+    lastUpdatedText: "最后更新于",
+    editLink: {
+      pattern: "https://github.com/awxiaoxian2020/thidy/edit/master/src/:path",
+      text: "在 GitHub 编此页面",
+    },
+    footer: {
+        icpRecordCode: "皖ICP备2021004162号-2",
+        publicSecurityRecordCode: "皖公网安备 34011102003461 号"
+    },
+  },
+  vite: {
+    resolve: {
+      alias: [
+        {
+          find: /^.*\/VPFooter\.vue$/,
+          replacement: fileURLToPath(
+            new URL('./theme/CustomFooter.vue', import.meta.url)
+          )
         }
-      }
-}
+      ]
+    }
+  }
+};

.vitepress/theme/CustomFooter.vue

@@ -0,0 +1,87 @@
+<template>
+    <footer class="VPFooter">
+      <div class="container">
+        <p v-if="theme.footer.icpRecordCode" class="recordCode">
+          <span class="icon">
+            <svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><title>ICP备案号</title><path d="M778.24 163.84c-76.8-40.96-165.888-61.44-269.312-61.44s-192.512 20.48-269.312 61.44h-133.12l23.552 337.92c8.192 113.664 67.584 217.088 162.816 280.576l215.04 144.384 215.04-144.384c96.256-63.488 155.648-166.912 163.84-280.576l23.552-337.92H778.24z m47.104 333.824c-7.168 94.208-56.32 181.248-135.168 233.472l-181.248 120.832L327.68 731.136c-78.848-53.248-129.024-139.264-135.168-233.472L173.056 225.28h136.192v-26.624c58.368-23.552 124.928-34.816 199.68-34.816s141.312 12.288 199.68 34.816V225.28H844.8l-19.456 272.384z"></path><path d="M685.056 328.704v-46.08H455.68c2.048-4.096 6.144-9.216 11.264-15.36 5.12-7.168 9.216-12.288 11.264-15.36L419.84 240.64c-31.744 46.08-75.776 87.04-133.12 123.904 4.096 4.096 10.24 11.264 18.432 21.504l17.408 17.408c23.552-15.36 45.056-31.744 63.488-50.176 26.624 25.6 49.152 43.008 67.584 51.2-46.08 15.36-104.448 27.648-175.104 35.84 2.048 5.12 6.144 13.312 9.216 24.576 4.096 11.264 6.144 19.456 7.168 24.576l39.936-7.168v218.112H389.12V680.96h238.592v19.456h54.272V481.28H348.16c60.416-12.288 114.688-27.648 163.84-46.08 49.152 19.456 118.784 34.816 210.944 46.08 5.12-17.408 10.24-34.816 17.408-51.2-62.464-4.096-116.736-12.288-161.792-24.576 38.912-20.48 74.752-46.08 106.496-76.8z m-150.528 194.56h94.208v41.984h-94.208v-41.984z m0 78.848h94.208v41.984h-94.208v-41.984z m-144.384-78.848h94.208v41.984H390.144v-41.984z m0 78.848h94.208v41.984H390.144v-41.984zM424.96 326.656h182.272c-26.624 22.528-57.344 41.984-94.208 57.344-31.744-15.36-61.44-34.816-88.064-57.344z"></path></svg>
+          </span>
+          <span class="content">
+            <a href="https://beian.miit.gov.cn" target="_blank">{{ theme.footer.icpRecordCode }}</a>
+          </span>
+        </p>
+        <p v-if="theme.footer.publicSecurityRecordCode" class="recordCode">
+          <span class="icon">
+            <img src="https://www.beian.gov.cn/img/new/gongan.png" title="联网备案号">
+          </span>
+          <span class="content">
+            <a :href="'http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=' + theme.footer.publicSecurityRecordCode.replace('号', '').substring(theme.footer.publicSecurityRecordCode.indexOf('备') + 1)" target="_blank">{{ theme.footer.publicSecurityRecordCode }}</a>
+          </span>
+        </p>
+        <p v-if="theme.footer.copyright" class="copyright" v-html="theme.footer.copyright"></p>
+      </div>
+    </footer>
+  </template>
+
+  <script setup>
+    import { useData } from 'vitepress';
+    const { theme } = useData();
+  </script>
+
+  <style scoped>
+  .VPFooter {
+    position: relative;
+    z-index: var(--vp-z-index-footer);
+    border-top: 1px solid var(--vp-c-gutter);
+    padding: 25px 24px;
+    background-color: var(--vp-c-bg);
+  }
+  .VPFooter.has-sidebar {
+    display: none;
+  }
+  a:hover {
+    color: var(--vp-c-brand);
+  }
+  @media (min-width: 768px) {
+    .VPFooter {
+      padding: 25px;
+    }
+  }
+  .container {
+    margin: 0 auto;
+    max-width: var(--vp-layout-max-width);
+    text-align: center;
+  }
+  .recordCode,
+  .copyright {
+    line-height: 24px;
+    font-size: 14px;
+    font-weight: 500;
+    color: var(--vp-c-text-2);
+  }
+  .recordCode   { order: 2; }
+  .copyright { order: 1; }
+  
+  p {
+    margin: 0;
+  }
+  .recordCode span {
+    display: inline-block;
+  }
+  .recordCode span:not(:last-child) {
+    margin-right: .175rem;
+  }
+  .recordCode .icon svg {
+    height: 16px;
+    width: 16px;
+    /*fill: var(--vp-c-text-2);*/
+    fill: #5791ED;
+    position: relative;
+    top: 3px;
+  }
+  .recordCode .icon img {
+    height: 14px;
+    width: 14px;
+    position: relative;
+    top: 2px;
+  }
+  </style> 

.vitepress/theme/MyLayout.vue

@@ -0,0 +1,12 @@
+<!--.vitepress/theme/MyLayout.vue-->
+<script setup>
+import DefaultTheme from 'vitepress/theme'
+
+const { Layout } = DefaultTheme
+</script>
+
+<template>
+  <Layout>
+
+  </Layout>
+</template>

.vitepress/theme/index.js

@@ -0,0 +1,11 @@
+// .vitepress/theme/index.js
+// .vitepress/theme/index.js
+import DefaultTheme from 'vitepress/theme'
+import MyLayout from './MyLayout.vue'
+
+export default {
+  ...DefaultTheme,
+  // override the Layout with a wrapper component that
+  // injects the slots
+  Layout: MyLayout
+}