first commit

docs/.vuepress/theme/components/Custom.vue

@@ -0,0 +1,11 @@
+<script setup lang="ts">
+import { ref } from 'vue'
+
+const message = ref('Hello World!')
+</script>
+
+<template>
+  <div class="my-custom-content">
+    {{ message }}
+  </div>
+</template>

docs/.vuepress/theme/components/info.vue

@@ -0,0 +1,40 @@
+<script setup lang="ts">
+import type { PlumeHomeConfigBase } from 'vuepress-theme-plume'
+
+const props = defineProps<PlumeHomeConfigBase & {
+  // 组件 props, frontmatter 中的属性将会传递给组件
+}>()
+</script>
+
+<template>
+  <VPHomeBox
+    :type="type"
+    class="title"
+    :background-image="backgroundImage"
+    :background-attachment="backgroundAttachment"
+    :full="false"
+  >
+
+  <!-- <div><h1 style="text-align:center;font-size:28px;font-weight:bolder">管理团队</h1></div> -->
+  <div>
+  <CardGrid>
+    <ImageCard
+        image="/images/info-01.png"
+        title="友好的社区"
+    />
+    <ImageCard
+        image="/images/info-02.png"
+        title="华丽的建筑"
+    />
+    <ImageCard
+        image="/images/info-03.png"
+        title="佛系的玩家"
+    />
+    <ImageCard
+        image="/images/info-04.png"
+        title="自由放松的世界"
+    />
+  </CardGrid>
+  </div>
+  </VPHomeBox>
+</template>

docs/.vuepress/theme/components/staff.vue

@@ -0,0 +1,25 @@
+<script setup lang="ts">
+import type { PlumeHomeConfigBase } from 'vuepress-theme-plume'
+
+const props = defineProps<PlumeHomeConfigBase & {
+  // 组件 props, frontmatter 中的属性将会传递给组件
+}>()
+</script>
+
+<template>
+  <VPHomeBox
+    :type="type"
+    class="title"
+    :background-image="backgroundImage"
+    :background-attachment="backgroundAttachment"
+    :full="false"
+  >
+
+  <div><h1 style="text-align:center;font-size:28px;font-weight:bolder">管理团队</h1></div>
+    <CardGrid :cols="{ sm: 1, md: 3, lg: 3 }">
+        <Card title="GiriNeko" icon="https://crafatar.com/avatars/9df952a339884a06a5fa0407ab9f9b6a"></Card>
+        <Card title="Kamisato_Kirara" icon="https://crafatar.com/avatars/4b5e4499e22142fe86eeebd493e1d114"></Card>
+        <Card title="xiaocao" icon="https://crafatar.com/avatars/308a81ddafef406c8ddb271ecd9d640e"></Card>
+    </CardGrid>
+  </VPHomeBox>
+</template>

docs/.vuepress/theme/shim.d.ts

@@ -0,0 +1,6 @@
+declare module '*.vue' {
+  import type { ComponentOptions } from 'vue'
+
+  const comp: ComponentOptions
+  export default comp
+}

docs/.vuepress/theme/styles/custom.css

@@ -0,0 +1,50 @@
+:root {
+  /** 主题颜色 */
+
+  /*
+  --vp-c-brand-1: #5086a1;
+  --vp-c-brand-2: #6aa1b7;
+  --vp-c-brand-3: #8cccd5;
+  --vp-c-brand-soft: rgba(131, 208, 218, 0.314);
+  */
+
+  /** 背景颜色 */
+
+  /*
+  --vp-c-bg: #fff;
+  --vp-c-bg-alt: #f6f6f7;
+  --vp-c-bg-elv: #fff;
+  --vp-c-bg-soft: #f6f6f7;
+  */
+
+  /** 文本颜色 */
+
+  /*
+  --vp-c-text-1: rgba(60, 60, 67);
+  --vp-c-text-2: rgba(60, 60, 67, 0.78);
+  --vp-c-text-3: rgba(60, 60, 67, 0.56);
+  */
+}
+
+/** 深色模式 */
+[data-theme="dark"] {
+  /*
+  --vp-c-brand-1: #8cccd5;
+  --vp-c-brand-2: #6aa1b7;
+  --vp-c-brand-3: #5086a1;
+  --vp-c-brand-soft: rgba(131, 208, 218, 0.314);
+  */
+
+  /*
+  --vp-c-bg: #1b1b1f;
+  --vp-c-bg-alt: #161618;
+  --vp-c-bg-elv: #202127;
+  --vp-c-bg-soft: #202127;
+  */
+
+  /*
+  --vp-c-text-1: rgba(255, 255, 245, 0.86);
+  --vp-c-text-2: rgba(235, 235, 245, 0.6);
+  --vp-c-text-3: rgba(235, 235, 245, 0.38);
+  */
+}