From 49854948bef325672a3174ce79d20387cd96b871 Mon Sep 17 00:00:00 2001
From: feige996 <1020102647@qq.com>
Date: Mon, 19 May 2025 18:31:27 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=20FreshImage=20?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E4=BB=A5=E5=8A=A8=E6=80=81=E6=9B=B4=E6=96=B0?=
 =?UTF-8?q?=E5=9B=BE=E7=89=87=E9=93=BE=E6=8E=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../theme/components/FreshImage.vue           | 21 +++++++++++++++++++
 docs/.vitepress/theme/index.ts                |  2 ++
 docs/advanced/wechat/wechat.md                |  4 +++-
 3 files changed, 26 insertions(+), 1 deletion(-)
 create mode 100644 docs/.vitepress/theme/components/FreshImage.vue

diff --git a/docs/.vitepress/theme/components/FreshImage.vue b/docs/.vitepress/theme/components/FreshImage.vue
new file mode 100644
index 0000000..5a60ff1
--- /dev/null
+++ b/docs/.vitepress/theme/components/FreshImage.vue
@@ -0,0 +1,21 @@
+<template>
+  <img :src="freshUrl" :alt="alt" />
+</template>
+
+<script setup>
+import { computed } from 'vue'
+const props = defineProps({
+  src: {
+    type: String,
+    required: true,
+  },
+  alt: {
+    type: String,
+    default: '',
+  },
+})
+
+const freshUrl = computed(() => {
+  return `${props.src}?t=${Date.now()}`
+})
+</script>
diff --git a/docs/.vitepress/theme/index.ts b/docs/.vitepress/theme/index.ts
index 20d7ce6..412f76c 100644
--- a/docs/.vitepress/theme/index.ts
+++ b/docs/.vitepress/theme/index.ts
@@ -6,6 +6,7 @@ import './custom.css'
 
 import HomeStar from './components/HomeStar.vue'
 import NavBarTitleAfter from './components/NavBarTitleAfter.vue'
+import FreshImage from './components/FreshImage.vue'
 
 export default {
   extends: DefaultTheme,
@@ -18,5 +19,6 @@ export default {
   },
   enhanceApp({ app, router, siteData }) {
     // ...
+    app.component('FreshImage', FreshImage)
   },
 } satisfies Theme
diff --git a/docs/advanced/wechat/wechat.md b/docs/advanced/wechat/wechat.md
index 1019a55..c89df02 100644
--- a/docs/advanced/wechat/wechat.md
+++ b/docs/advanced/wechat/wechat.md
@@ -10,7 +10,9 @@
 
 > 有网友测量过，说要看 `四个小时`，哈哈。
 
-![alt text](https://oss.laf.run/ukw0y1-site/unibest-discussion-group/wechat.jpg)
+<!-- ![alt text](https://oss.laf.run/ukw0y1-site/unibest-discussion-group/wechat.jpg) -->
+<!-- 上面的固定地址的方式会导致刷新后还是旧的图片，所以使用下面这种动态地址的方式。 -->
+<FreshImage src="https://oss.laf.run/ukw0y1-site/unibest-discussion-group/wechat.jpg" alt="微信群二维码" />
 
 > 如果上面的微信群满了，请使用下面的 QQ 群，QQ 群不会过期，长期有效。