feat: Plugin-Hub

.gitmodules

@@ -0,0 +1,3 @@
+[submodule "Plugin-Hub"]
+	path = Plugin-Hub
+	url = git@github.com:GUI-for-Cores/Plugin-Hub.git

.vitepress/en.ts

@@ -44,6 +44,16 @@ export const en = defineConfig({
               { text: "A Guide for GUI.for.SingBox", link: "community" },
             ],
           },
+          {
+            text: "Plugin-Hub",
+            base: "/zh/guide/plugin-hub/",
+            items: [
+              {
+                text: "Plugin list",
+                link: "index",
+              },
+            ],
+          },
           {
             text: "社区教程",
             base: "/guide/community/",

.vitepress/zh.ts

@@ -44,6 +44,16 @@ export const zh = defineConfig({
               { text: "社区版教程", link: "community" },
             ],
           },
+          {
+            text: "插件中心",
+            base: "/zh/guide/plugin-hub/",
+            items: [
+              {
+                text: "插件列表",
+                link: "index",
+              },
+            ],
+          },
           {
             text: "社区教程",
             base: "/zh/guide/community/",

components/PluginList.vue

@@ -0,0 +1,46 @@
+<script setup lang="ts">
+import generic from "/Plugin-Hub/plugins/generic.json";
+</script>
+
+<template>
+  <div class="plugins-list">
+    <div v-for="plugin in generic" :key="plugin.id" class="item">
+      <h2 class="header">
+        <div class="name">
+          {{ plugin.name }}
+        </div>
+        <a class="source" :href="plugin.url" target="_blank">查看源码</a>
+      </h2>
+      <div class="id">{{ plugin.id }}</div>
+      <div class="description">{{ plugin.description }}</div>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.plugins-list {
+  .item {
+    a {
+      text-decoration: none;
+    }
+    .header {
+      display: flex;
+      align-items: center;
+      .name {
+        font-weight: bold;
+      }
+      .source {
+        margin-left: auto;
+        font-size: 14px;
+      }
+    }
+    .id {
+      font-size: 14px;
+    }
+    .description {
+      font-size: 14px;
+      line-height: 1.6;
+    }
+  }
+}
+</style>

zh/guide/plugin-hub/index.md

@@ -0,0 +1,7 @@
+<script setup>
+import PluginList from '/components/PluginList.vue'
+</script>
+
+# 插件列表
+
+<PluginList></PluginList>