From fc400bca7976da7b7c3ef8bdce73372d8f5a868a Mon Sep 17 00:00:00 2001
From: Frost-ZX <frost-zx@foxmail.com>
Date: Wed, 8 Oct 2025 19:00:41 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E6=96=87=E7=AB=A0?=
 =?UTF-8?q?=E6=A0=87=E7=AD=BE=E5=92=8C=E6=9B=B4=E6=96=B0=E6=97=A5=E6=9C=9F?=
 =?UTF-8?q?=E4=BF=A1=E6=81=AF=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/.vitepress/theme/index.mjs               |  6 +-
 docs/.vitepress/theme/layout/CustomLayout.vue | 15 +++++
 .../theme/layout/DocContentFooter.vue         | 64 +++++++++++++++++++
 docs/.vitepress/theme/style/custom.less       |  8 +++
 4 files changed, 92 insertions(+), 1 deletion(-)
 create mode 100644 docs/.vitepress/theme/layout/CustomLayout.vue
 create mode 100644 docs/.vitepress/theme/layout/DocContentFooter.vue

diff --git a/docs/.vitepress/theme/index.mjs b/docs/.vitepress/theme/index.mjs
index 4f63523..d97b734 100644
--- a/docs/.vitepress/theme/index.mjs
+++ b/docs/.vitepress/theme/index.mjs
@@ -1,4 +1,8 @@
 import DefaultTheme from 'vitepress/theme';
+import CustomLayout from './layout/CustomLayout.vue';
 import './style/custom.less';
 
-export default DefaultTheme;
+export default {
+  extends: DefaultTheme,
+  Layout: CustomLayout,
+};
diff --git a/docs/.vitepress/theme/layout/CustomLayout.vue b/docs/.vitepress/theme/layout/CustomLayout.vue
new file mode 100644
index 0000000..4df8f93
--- /dev/null
+++ b/docs/.vitepress/theme/layout/CustomLayout.vue
@@ -0,0 +1,15 @@
+<script setup>
+import DefaultTheme from 'vitepress/theme';
+import DocContentFooter from './DocContentFooter.vue';
+
+const { Layout } = DefaultTheme;
+</script>
+
+<template>
+  <Layout>
+    <template #doc-footer-before>
+      <hr class="custom__divider" />
+      <DocContentFooter />
+    </template>
+  </Layout>
+</template>
diff --git a/docs/.vitepress/theme/layout/DocContentFooter.vue b/docs/.vitepress/theme/layout/DocContentFooter.vue
new file mode 100644
index 0000000..7250e89
--- /dev/null
+++ b/docs/.vitepress/theme/layout/DocContentFooter.vue
@@ -0,0 +1,64 @@
+<script setup>
+import { useData } from 'vitepress';
+import { computed } from 'vue';
+import { getCommonDateTime } from '@frost-utils/javascript';
+
+const { frontmatter } = useData();
+
+const tagList = computed(() => {
+  let tags = frontmatter.value.tags || [];
+  return tags;
+});
+
+const updatedAt = computed(() => {
+
+  let date0 = frontmatter.value.lastmod;
+  let date1 = (typeof date0 === 'string') ? date0.replace(/Z$/gi, '') : '';
+  let date2 = date1 ? getCommonDateTime(date1, 'all') : '';
+
+  return date2;
+
+});
+</script>
+
+<template>
+  <div class="doc-content-footer">
+    <div class="post-tags">
+      <Badge
+        v-for="(text, index) in tagList"
+        :key="index"
+        :text="text"
+        type="info"
+      />
+    </div>
+    <div v-show="updatedAt" class="post-date">
+      <span>最后更新于：</span>
+      <span>{{ updatedAt }}</span>
+    </div>
+  </div>
+</template>
+
+<style lang="less">
+.doc-content-footer {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  line-height: 1;
+  user-select: none;
+
+  .VPBadge {
+    display: inline-block;
+    margin: 0.25em;
+  }
+
+  .post-tags {
+    margin-top: 0.5em;
+  }
+
+  .post-date {
+    margin: 0.5em 0.25em;
+    font-size: 14px;
+  }
+}
+</style>
diff --git a/docs/.vitepress/theme/style/custom.less b/docs/.vitepress/theme/style/custom.less
index d24e048..11077f2 100644
--- a/docs/.vitepress/theme/style/custom.less
+++ b/docs/.vitepress/theme/style/custom.less
@@ -5,6 +5,14 @@
   --vp-c-indigo-soft: rgb(66, 165, 245, 0.14);
 }
 
+.custom__divider {
+  border: none;
+  height: 1px;
+  width: 100%;
+  background-color: var(--vp-c-divider);
+  margin: 0.5em 0;
+}
+
 .vp-doc h2 {
   padding-top: 0;
   border-top: none;