Update home

.vitepress/theme/components/Partner.vue

@@ -0,0 +1,43 @@
+<template>
+    <div>
+        <h3 style="text-align: center; margin-top: 35px;">合作启动器</h3>
+        <p style="text-align: center; margin-bottom: 35px;">以下列表是 McHMR 的官方合作启动器，其支持了 McHMR
+            的自动更新功能，服主可以下载体验。欢迎其他启动器作者提出合作意向。</p>
+        <ul>
+            <li>
+                <a class="ico" href="https://blessing-studio.cn" target="_blank">
+                    <img src="/launcher/wonderlab.ico" alt="WonderLab" />
+                    <span style="padding: 5px;">WonderLab</span>
+                </a>
+            </li>
+        </ul>
+    </div>
+</template>
+
+<style scoped>
+ul {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    justify-content: center;
+    list-style: none;
+    padding: 0;
+    margin: 0;
+}
+
+li {
+    float: left;
+}
+
+img {
+    height: 58px;
+    width: auto;
+}
+
+.ico {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    text-decoration: none !important; 
+}
+</style>

.vitepress/theme/index.ts

@@ -5,7 +5,6 @@ import type { Theme } from 'vitepress'
 import DefaultTheme from 'vitepress/theme'
 import type { EnhanceAppContext } from "vitepress/client"
 
-import FooterMessage from './components/FooterMessage.vue'
 import vitepressNprogress from '@andatoshiki/vitepress-plugin-nprogress'
 import imageViewer from 'vitepress-plugin-image-viewer'
 import vImageViewer from 'vitepress-plugin-image-viewer/lib/vImageViewer.vue'
@@ -31,7 +30,6 @@ const theme: Theme = {
         return h(DefaultTheme.Layout, null, {
             'nav-bar-content-after': () => h(NolebaseEnhancedReadabilitiesMenu),
             'nav-screen-content-after': () => h(NolebaseEnhancedReadabilitiesScreenMenu),
-            'home-features-after': () => h(FooterMessage),
         })
     },
     enhanceApp(ctx: EnhanceAppContext) {

index.md

@@ -42,3 +42,10 @@ features:
     details: 管理端可以直观看到各版本的下载量、单日/每月的下载量、服务器的玩家数量和服务器状态等。
 ---
 
+<script setup>
+  import Partner from './.vitepress/theme/components/Partner.vue'
+  import FooterMessage from './.vitepress/theme/components/FooterMessage.vue'
+</script>
+
+<Partner />
+<FooterMessage />