From fb82218ace2ad58220fd1d082df0f08b0d92b548 Mon Sep 17 00:00:00 2001
From: ikenxuan <2066855608@qq.com>
Date: Wed, 14 Aug 2024 03:05:49 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=96=B0=E5=A2=9E=E7=89=88=E6=9C=AC?=
 =?UTF-8?q?=E6=97=A5=E5=BF=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/.vitepress/config.ts                     |  3 +-
 .../.vitepress/theme/components/ChangeLog.vue | 50 +++++++++++++++++++
 docs/.vitepress/theme/index.ts                |  4 +-
 docs/other/changelog.md                       |  1 +
 docs/start/index.md                           |  6 +++
 package.json                                  |  2 +
 6 files changed, 64 insertions(+), 2 deletions(-)
 create mode 100644 docs/.vitepress/theme/components/ChangeLog.vue
 create mode 100644 docs/other/changelog.md

diff --git a/docs/.vitepress/config.ts b/docs/.vitepress/config.ts
index b50cfd99..3c2579a1 100644
--- a/docs/.vitepress/config.ts
+++ b/docs/.vitepress/config.ts
@@ -246,7 +246,8 @@ export default defineConfig({
           { text: '联系人相关', link: '/api/contact' },
           { text: '消息相关', link: '/api/message' }
         ]
-      }
+      },
+      { text: '更新日志', link: '/other/changelog' },
     ],
     socialLinks: [
       { icon: 'github', link: 'https://github.com/KarinJS/Karin' },
diff --git a/docs/.vitepress/theme/components/ChangeLog.vue b/docs/.vitepress/theme/components/ChangeLog.vue
new file mode 100644
index 00000000..7f3a6ccb
--- /dev/null
+++ b/docs/.vitepress/theme/components/ChangeLog.vue
@@ -0,0 +1,50 @@
+<template>
+  <div v-if="loading">正在请求更新日志...</div>
+  <div v-else-if="error">获取更新日志失败，错误: {{ error }}</div>
+  <div v-else v-html="compiledMarkdown"></div>
+</template>
+
+<script>
+import axios from 'axios';
+import {marked} from 'marked';
+
+export default {
+  props: {
+    src: {
+      type: String,
+      required: true
+    }
+  },
+  data() {
+    return {
+      markdownContent: '',
+      compiledMarkdown: '',
+      loading: true,
+      error: null
+    };
+  },
+  mounted() {
+    this.fetchMarkdown();
+  },
+  methods: {
+    fetchMarkdown() {
+      axios.get(this.src, {
+        timeout: 10000
+      })
+        .then(response => {
+          this.markdownContent = response.data;
+          this.compileMarkdown();
+        })
+        .catch(error => {
+          this.error = error;
+        })
+        .finally(() => {
+          this.loading = false;
+        });
+    },
+    compileMarkdown() {
+      this.compiledMarkdown = marked(this.markdownContent);
+    }
+  }
+};
+</script>
\ No newline at end of file
diff --git a/docs/.vitepress/theme/index.ts b/docs/.vitepress/theme/index.ts
index 0a35bb46..b72cdc69 100644
--- a/docs/.vitepress/theme/index.ts
+++ b/docs/.vitepress/theme/index.ts
@@ -36,11 +36,12 @@ import {
 } from '@nolebase/vitepress-plugin-highlight-targeted-heading/client'
 // 快速复制当前页的url
 import Share from './components/Share.vue'
-// 卡片
+// 组件
 import Ncard from './components/Ncard.vue'
 import HomeUnderline from './components/HomeUnderline.vue'
 import HomeFooter from './components/HomeFooter.vue'
 import Confetti from './components/Confetti.vue'
+import ChangeLogs from './components/ChangeLog.vue'
 // 页面属性
 import {
   NolebasePagePropertiesPlugin,
@@ -67,6 +68,7 @@ export default {
     app.component('NCard', Ncard)
     app.component('HomeFooter', HomeFooter)
     app.component('Confetti', Confetti)
+    app.component('ChangeLogs', ChangeLogs)
     app.use(TwoslashFloatingVue as unknown as Plugin)
     app.use(NolebaseGitChangelogPlugin as Plugin)
     app.provide(InjectionKey, {
diff --git a/docs/other/changelog.md b/docs/other/changelog.md
new file mode 100644
index 00000000..6f5ee57d
--- /dev/null
+++ b/docs/other/changelog.md
@@ -0,0 +1 @@
+<ChangeLogs src="https://raw.githubusercontent.com/KarinJS/Karin/dev/CHANGELOG.md" />
\ No newline at end of file
diff --git a/docs/start/index.md b/docs/start/index.md
index 29d7cdc1..868d63fb 100644
--- a/docs/start/index.md
+++ b/docs/start/index.md
@@ -21,6 +21,12 @@ Karin 的渲染器是独立的一个项目，需要单独安装噢
 Karin 社区拥有众多开发者，开发了许多特色插件，你可以在插件市场找到你想要的插件~
 </NCard>
 
+### 更新日志
+<br>
+<NCard title="⬆️ 是新内容！" link="../../Karin/other/changelog">
+在这里，你可以查看到 Karin 所有版本的更新日志。
+</NCard>
+
 ---
 ::: tip 温馨提示
 如果文档中发现错误，或提交文档修改，或丰富本站文档，可点击页面底部的编辑按钮
diff --git a/package.json b/package.json
index fd499dfe..ed93ff74 100644
--- a/package.json
+++ b/package.json
@@ -24,10 +24,12 @@
     "@shikijs/vitepress-twoslash": "^1.12.1",
     "@vitejs/plugin-vue": "^5.1.2",
     "@vueuse/core": "^10.11.1",
+    "axios": "^1.7.3",
     "canvas-confetti": "^1.9.3",
     "markdown-it-footnote": "^4.0.0",
     "markdown-it-mathjax3": "^4.3.2",
     "markdown-it-task-lists": "^2.1.1",
+    "marked": "^14.0.0",
     "medium-zoom": "^1.1.0",
     "sass-embedded": "^1.77.8",
     "vite": "^5.4.0",