update docs

Author: wu-clan

docs/.vuepress/components/BannerTop.vue

@@ -41,7 +41,7 @@ updateDocumentClass();
 
 <style>
 html:not(.banner-dismissed) {
-  --vp-layout-top-height: 60px;
+  --vp-layout-top-height: 50px;
 }
 </style>
 

docs/.vuepress/components/PluginMarket.vue

@@ -30,23 +30,21 @@
             v-if="item.free?.valueOf() === false"
             class="price-corner-tag paid"
         >
-          <span class="price-corner-text">付费</span>
+          <span class="price-corner-text">Not Free</span>
         </div>
       </div>
       <div class="card-content">
         <div class="card-title-row">
+          <img v-if="item.logo" :src="item.logo" class="logo" />
           <h3 class="card-title">{{ item.title }}</h3>
           <div class="card-title-link">
             <a
-                v-if="item.link"
                 :href="item.link"
-                class="no-external-icon"
                 target="_blank"
                 rel="noopener noreferrer"
-                aria-label="GitHub仓库"
                 @click.stop
             />
-            <span v-else class="built-in-label-inline">内置</span>
+            <span class="label-inline">{{ item.label || '内置' }}</span>
           </div>
         </div>
         <p class="card-description">{{ item.description }}</p>
@@ -70,9 +68,11 @@ export interface PluginItem {
   icon: string
   title: string
   description: string
+  label?: string
   tags: string[]
   link?: string
   image?: string
+  logo: string
   free?: boolean
 }
 
@@ -219,23 +219,20 @@ const handleCardClick = (item: PluginItem) => {
   font-size: 1.5rem
 }
 
-.built-in-label-inline {
+.label-inline {
   font-size: 0.75rem;
-  color: var(--vp-c-text-2);
   padding: 0.1rem 0.4rem;
   border-radius: 4px;
   border: 1px solid var(--vp-c-border);
-  background: rgba(255, 255, 255, 0.1);
+  background-color: var(--vp-c-bg-soft);
   white-space: nowrap;
-  font-weight: 500;
 }
 
 .card-description {
   color: var(--vp-c-text-2);
-  font-size: 0.75rem;
-  line-height: 1.8;
-  margin: 0 0 1rem;
-  flex-grow: 1;
+  font-size: 0.8rem;
+  margin-top: 0.5rem;
+  flex: 1
 }
 
 .card-tags {
@@ -244,15 +241,21 @@ const handleCardClick = (item: PluginItem) => {
   gap: 0.2rem;
 }
 
+.logo {
+  width: 32px;
+  height: 32px;
+  border-radius: 8px;
+  border: 1px solid var(--vp-c-border);
+}
+
 .price-corner-tag {
   position: absolute;
   top: 0;
   right: 0;
-  color: #fff;
-  padding: 0.3rem 0.6rem;
+  color: white;
+  padding: 0 0.6rem;
   font-size: 0.75rem;
   font-weight: 500;
-  line-height: 1;
   border-bottom-left-radius: 4px;
   transform: translate(1px, -1px);
   z-index: 1;

docs/.vuepress/components/SponsorHome.vue

@@ -8,7 +8,7 @@
   </section>
   <section v-else id="special-spsr">
     <span class="no-brand">
-      <a href="/fastapi_best_architecture_docs/sponsors.html" target="_blank">特别赞助位目前空缺 - 现在咨询 💬</a>
+      <a href="/fastapi_best_architecture_docs/sponsors.html" target="_blank">特别赞助位目前空缺 - 立即咨询 💬</a>
     </span>
   </section>
 </template>

docs/.vuepress/data/plugin.ts

@@ -5,93 +5,114 @@ export const pluginItems: PluginItem[] = [
         icon: "fa6-regular:file-code",
         title: "代码生成",
         description: "生成通用业务代码（仅后端工程）",
-        tags: ["mysql", "pgsql", "后端"]
+        tags: ["mysql", "pgsql", "后端"],
+        logo: 'https://wu-clan.github.io/picx-images-hosting/logo/fba.png'
     },
     {
         icon: "fe:notice-active",
         title: "通知公告",
         description: "发布系统内部通知、公告",
-        tags: ["mysql", "pgsql", "后端"]
+        tags: ["mysql", "pgsql", "后端"],
+        logo: 'https://wu-clan.github.io/picx-images-hosting/logo/fba.png'
     },
     {
         icon: "fluent-mdl2:dictionary",
         title: "数据字典",
         description: "通常用于约束前端工程数据展示",
-        tags: ["mysql", "pgsql", "后端"]
+        tags: ["mysql", "pgsql", "后端"],
+        logo: 'https://wu-clan.github.io/picx-images-hosting/logo/fba.png'
     },
     {
         icon: "icon-park-outline:config",
         title: "参数配置",
         description: "通常用于前端工程数据展示",
-        tags: ["mysql", "pgsql", "后端"]
+        tags: ["mysql", "pgsql", "后端"],
+        logo: 'https://wu-clan.github.io/picx-images-hosting/logo/fba.png'
     },
     {
         icon: "logos:oauth",
         title: "OAuth 2.0",
         description: "通过 OAuth 2.0 的方式登录系统",
-        tags: ["mysql", "pgsql", "后端"]
+        tags: ["mysql", "pgsql", "后端"],
+        logo: 'https://wu-clan.github.io/picx-images-hosting/logo/fba.png'
     },
     {
         icon: "charm:shield-keyhole",
         title: "Casbin-RBAC",
         description: "基于 Casbin 实现的 RBAC 权限",
+        label: '官方',
         tags: ["mysql", "pgsql", "后端"],
         link: "https://github.com/fastapi-practices/casbin_rbac",
-        image: "https://avatars.githubusercontent.com/u/27810343?s=200&v=4"
+        image: "https://avatars.githubusercontent.com/u/27810343?s=200&v=4",
+        logo: 'https://wu-clan.github.io/picx-images-hosting/logo/fba.png'
     },
     {
         icon: "codicon:mcp",
         title: "MCP 服务器管理",
         description: "提供了 MCP 服务器管理功能，并添加了可调用 MCP 的 AI 聊天接口",
+        label: '官方',
         tags: ["mysql", "pgsql", "后端"],
         link: "https://github.com/fastapi-practices/mcp",
+        logo: 'https://wu-clan.github.io/picx-images-hosting/logo/fba.png'
     },
     {
         icon: "ant-design:aliyun-outlined",
         title: "阿里云 oss",
         description: "阿里云 oss 文件上传",
+        label: '官方',
         tags: ["mysql", "pgsql", "后端"],
         link: "https://github.com/fastapi-practices/aliyun_oss",
-        image: "https://registry.npmmirror.com/@lobehub/icons-static-png/latest/files/dark/alibabacloud-color.png"
+        image: "https://registry.npmmirror.com/@lobehub/icons-static-png/latest/files/dark/alibabacloud-color.png",
+        logo: 'https://wu-clan.github.io/picx-images-hosting/logo/fba.png'
     },
     {
         icon: "material-symbols:token-outline",
         title: "配置下发",
         description: "将 env 等配置信息通过数据库进行管理",
+        label: '第三方',
         tags: ["mysql", "后端", "前端"],
-        link: "https://github.com/dividduang/option"
+        link: "https://github.com/dividduang/option",
+        logo: 'https://avatars.githubusercontent.com/u/110005582?v=4',
     },
     {
         icon: "ant-design:wechat-work-outlined",
         title: "企微 bot 定时任务",
         description: "定时调用企业微信群聊机器人发送消息",
+        label: '第三方',
         tags: ["mysql", "后端"],
         link: "https://github.com/dividduang/wecom-task",
-        image: "https://wwcdn.weixin.qq.com/node/wework/images/202201062104.366e5ee28e.png"
+        image: "https://wwcdn.weixin.qq.com/node/wework/images/202201062104.366e5ee28e.png",
+        logo: 'https://avatars.githubusercontent.com/u/110005582?v=4',
     },
     {
         icon: "arcticons:sso-plus",
         title: "Casdoor SSO",
         description: "通过 Casdoor 实现 SSO 单点登录集成",
+        label: '官方',
         tags: ["mysql", "pgsql", "后端"],
         link: "/fastapi_best_architecture_docs/planet.html",
         image: "https://casdoor.org/zh/img/casdoor.png",
+        logo: 'https://wu-clan.github.io/picx-images-hosting/logo/fba.png',
         free: false
     },
     {
         icon: "material-icon-theme:authors",
         title: "LDAP",
         description: "通过 LDAP 登录系统并授权",
+        label: '第三方',
         tags: ["mysql", "pgsql", "后端"],
         link: "https://github.com/dividduang/ldap_auth",
-        image: "https://www.cleo.com/sites/default/files/2023-12/ldap-integration.png"
+        image: "https://www.cleo.com/sites/default/files/2023-12/ldap-integration.png",
+        logo: 'https://avatars.githubusercontent.com/u/110005582?v=4',
     },
     {
         icon: "fa-solid:sms",
         title: "腾讯云 sms",
         description: "通过腾讯云短信服务发送短信验证码",
+        label: '第三方',
         tags: ["mysql", "pgsql", "后端"],
         link: "https://github.com/RanY-Luck/fba_plugin_sms",
-        image: "https://registry.npmmirror.com/@lobehub/icons-static-png/latest/files/dark/tencentcloud-color.png"
+        image: "https://registry.npmmirror.com/@lobehub/icons-static-png/latest/files/dark/tencentcloud-color.png",
+        logo: 'https://avatars.githubusercontent.com/u/67427627?v=4',
     },
 ]

docs/.vuepress/navbar.ts

@@ -18,12 +18,12 @@ export const myNavbar = defineNavbarConfig([
                 items: [
                     {
                         text: 'Arco Design Pro 实验性实施',
-                        link: '/frontend/arco',
+                        link: '/frontend/summary/arco',
                         badge: { text: '已弃用', type: 'danger' }
                     },
                     {
                         text: 'Vben Admin Antd 完整版实施',
-                        link: '/frontend/intro'
+                        link: '/frontend/summary/intro'
                     }
                 ]
             },
@@ -105,7 +105,7 @@ export const myNavbar = defineNavbarConfig([
     },
     {
         text: '插件系统',
-        badge: { text: 'NEW' },
+        badge: { text: 'HOT', type: 'danger' },
         link: '/plugin/before'
     },
     {
@@ -117,32 +117,84 @@ export const myNavbar = defineNavbarConfig([
         link: '/sponsors'
     },
     {
-        text: '互动',
-        link: '/group'
+        text: '生态系统',
+        items: [
+            {
+                text: '资源',
+                items: [
+                    {
+                        text: '开源项目',
+                        icon: 'mdi:github',
+                        link: '/opensource'
+                    },
+                    {
+                        text: '技术栈',
+                        icon: 'material-symbols:stack',
+                        link: '/stack'
+                    },
+                    {
+                        text: '用户登记',
+                        icon: 'mdi:user-check',
+                        link: '/users'
+                    },
+                ]
+            },
+            {
+                text: '互动',
+                items: [
+                    {
+                        text: '交流群',
+                        icon: 'ic:baseline-wechat',
+                        link: '/group'
+                    },
+                    {
+                        text: '作者主页',
+                        icon: 'streamline-plump:browser-website-1-remix',
+                        link: 'https://wu-clan.github.io/homepage'
+                    },
+                    {
+                        text: 'Github 问题',
+                        icon: 'codicon:issues',
+                        link: 'https://github.com/fastapi-practices/fastapi_best_architecture/issues'
+                    },
+                    {
+                        text: 'Github 讨论',
+                        icon: 'mdi:discussion',
+                        link: 'https://github.com/fastapi-practices/fastapi_best_architecture/discussions'
+                    },
+                ]
+            },
+            {
+                text: '特权',
+                items: [
+                    {
+                        text: '知识星球',
+                        icon: 'ph:planet-fill',
+                        link: '/planet'
+                    },
+                    {
+                        text: '视频课程',
+                        badge: { text: '限时开放', type: 'warning' },
+                        icon: 'ri:bilibili-fill',
+                        link: 'https://space.bilibili.com/284237214/lists'
+                    },
+                ]
+            }
+        ]
     },
     {
         text: '关于',
         items: [
             {
-                text: '谁在使用',
-                icon: 'mdi:user-check',
-                link: '/who'
+                text: '常见问题',
+                icon: 'healthicons:question',
+                link: '/questions.md'
             },
             {
                 text: '维护团队',
                 icon: 'fa-solid:user-friends',
                 link: '/team'
             },
-            {
-                text: '加入团队',
-                icon: 'mingcute:user-add-2-fill',
-                link: '/join'
-            },
-            {
-                text: '知识星球',
-                icon: 'ph:planet-fill',
-                link: '/planet'
-            },
         ],
     }
 ])

docs/.vuepress/sidebar.ts

@@ -28,8 +28,8 @@ export const mySidebar: ThemeSidebarMulti = {
             collapsed: false,
             prefix: 'reference/',
             items: [
-                { text: '配置', link: 'config'},
-                { text: 'CLI', link: 'cli'},
+                { text: '配置', link: 'config' },
+                { text: 'CLI', link: 'cli' },
                 { text: '模型', link: 'model' },
                 { text: 'Schema', link: 'schema' },
                 { text: '路由', link: 'router' },
@@ -91,22 +91,24 @@ export const mySidebar: ThemeSidebarMulti = {
             text: '市场',
             collapsed: false,
             items: [
-                { text: '插件市场', link: '/market' },
+                { text: '插件市场', badge: { text: 'HOT', type: 'danger' }, link: '/market' },
             ]
         }
     ],
     '/frontend/': [
         {
-            text: '参考',
+            text: '介绍',
             collapsed: false,
+            prefix: 'summary/',
             items: [
-                { text: '介绍', link: 'intro' },
+                { text: '简介', link: 'intro' },
                 { text: '快速开始', link: 'quick-start' },
             ]
         },
         {
             text: '部署',
             collapsed: false,
+            prefix: 'deploy/',
             items: [
                 { text: 'Docker', link: 'docker' },
                 { text: '传统', link: 'legacy' },