diff --git a/.github/workflows/CD.yaml b/.github/workflows/CD.yaml
index 4385295..f2a95df 100644
--- a/.github/workflows/CD.yaml
+++ b/.github/workflows/CD.yaml
@@ -160,7 +160,8 @@ jobs:
 
       # 编译 打包成dist
       - name: Build with VitePress
-        run: pnpm build:docs
+        run: |
+          pnpm build && pnpm build:docs
 
       # 上传dist文件
       - name: Upload artifact
diff --git a/.github/workflows/CI.yml b/.github/workflows/CI.yml
index 90709e8..9877df6 100644
--- a/.github/workflows/CI.yml
+++ b/.github/workflows/CI.yml
@@ -59,11 +59,12 @@ jobs:
         run: |
           npx eslint .
 
+      # 编辑模块代码
+      - name: Build Package Code
+        run: |
+          pnpm build
+
       # 编译静态网站
       - name: Build Core-X Docs
         run: |
           pnpm build:docs
-
-      - name: Build Code
-        run: |
-          pnpm build
diff --git a/.vitepress/config.ts b/.vitepress/config.ts
index eb3d9a1..1fe7d18 100644
--- a/.vitepress/config.ts
+++ b/.vitepress/config.ts
@@ -16,8 +16,8 @@ const GithubLinks = {
  * 页脚
  */
 export const footer = {
-  message: `Released Under The License <a href="${GithubLinks.CoreXLicense}">MIT </a>`,
-  copyright: `Copyright © 2019-present <a href="${GithubLinks.VipOrg}" style="margin-right:5px;">142vip</a> <a href=${GithubLinks.MainAccount}>👉储凡</a>`,
+  message: `The License <a href="${GithubLinks.CoreXLicense}">📖 MIT </a>`,
+  copyright: `Release ${packageName}@${currentPackageVersion} 😏<br> Copyright © 2019-present. Repo <a href="${GithubLinks.VipOrg}" style="margin-right:5px;">@142vip</a> Author. <a href=${GithubLinks.MainAccount}>👉储凡</a>`,
 }
 
 /**
@@ -29,8 +29,8 @@ export const navbarConfig: DefaultTheme.NavItem[] = [
     link: '/docs/index.md',
   },
   {
-    text: '开发计划',
-    link: '/docs/road-map.md',
+    text: '自媒体',
+    link: '/docs/media.md',
   },
   {
     text: currentPackageVersion,
@@ -46,8 +46,8 @@ export const navbarConfig: DefaultTheme.NavItem[] = [
     ],
   },
   {
-    text: '自媒体',
-    link: '/docs/media.md',
+    text: '开发计划',
+    link: 'https://142vip-cn.feishu.cn/share/base/view/shrcnpwFKWmMu5zXE9WaxjuCYAg',
   },
 ]
 
@@ -70,7 +70,7 @@ const sidebarConfig: DefaultTheme.Sidebar = [
       { text: '@142vip/axios', link: '/packages/axios' },
       { text: '@142vip/oauth', link: '/packages/oauth' },
       { text: '@142vip/redis', link: '/packages/redis' },
-      { text: '@142vip/typeorm', link: '/packages/redis' },
+      { text: '@142vip/typeorm', link: '/packages/typeorm' },
     ],
   },
   {
diff --git a/.vitepress/theme/components/ContactAuthor.vue b/.vitepress/theme/components/ContactAuthor.vue
index 5ab63ec..5e288d0 100644
--- a/.vitepress/theme/components/ContactAuthor.vue
+++ b/.vitepress/theme/components/ContactAuthor.vue
@@ -1,13 +1,12 @@
-<script>
-
+<script lang="ts" setup>
 </script>
 
 <template>
   <div class="contact-author">
-    <h2 style="text-align: left">
+    <h2>
       联系作者
     </h2>
-    若系列文章对你有所帮助，欢迎订阅公众号或微信”骚扰“，获取更多内容。<strong>商务合作请备注来意</strong>
+    若系列文章对你有所帮助，欢迎订阅微信公众号或微信”骚扰“，获取更多内容。<strong>商务合作请备注来意</strong>
     <div class="wechat">
       <img
         src="https://cdn.statically.io/gh/142vip/cdn_service@main/media/main-code.png"
@@ -30,39 +29,31 @@
         >
       </a>
       <a
-        href="https://juejin.im/user/448256476724807" rel="nofollow noreferrer" target="_blank"
-        title="点击跳转掘金主页"
+        href="https://juejin.im/user/448256476724807" rel="nofollow noreferrer" target="_blank" title="点击跳转掘金主页"
       >
         <img
           src="https://cdn.statically.io/gh/142vip/cdn_service@main/main-vip/svg/juejin.svg" alt="掘金"
           class="platform-img"
         >
       </a>
-      <a
-        href="https://space.bilibili.com/350937042"
-        rel="nofollow noreferrer"
-        target="_blank"
-        title="点击跳转B站主页"
-      >
+      <a href="https://space.bilibili.com/350937042" rel="nofollow noreferrer" target="_blank" title="点击跳转B站主页">
         <img
           src="https://cdn.statically.io/gh/142vip/cdn_service@main/main-vip/svg/bilibili.svg"
           alt="Bilibili"
           class="platform-img"
         >
       </a>
-      <a
-        href="https://blog.csdn.net/Mmdapl"
-        rel="nofollow noreferrer"
-        target="_blank"
-        title="点击跳转CSDN博客主页"
-      >
+      <a href="https://blog.csdn.net/Mmdapl" rel="nofollow noreferrer" target="_blank" title="点击跳转CSDN博客主页">
         <img
           src="https://cdn.statically.io/gh/142vip/cdn_service@main/main-vip/svg/csdn.svg"
           title="点击跳转CSDN博客主页" alt="CSDN" class="platform-img"
         >
       </a>
     </div>
-    交流/加群/互看朋友圈、<strong>聊天/提问/建议/提需求</strong> 可以在公众号直接<strong>私信</strong>，有时间即会回复，偶尔的延迟和疏漏还请小伙伴们谅解，蟹蟹。
+
+    <div>
+      交流/加群/互看朋友圈、<strong>聊天/提问/建议/提需求</strong> 可以在公众号直接<strong>私信</strong>，有时间即会回复，偶尔的延迟和疏漏还请小伙伴们谅解，蟹蟹。
+    </div>
   </div>
 </template>
 
@@ -89,6 +80,7 @@
   justify-content: center;
   align-items: center;
   padding: 5px;
+  margin-bottom: 10px;
 }
 
 .platform-img {
diff --git a/.vitepress/theme/components/HomePage.vue b/.vitepress/theme/components/HomePage.vue
new file mode 100644
index 0000000..7988445
--- /dev/null
+++ b/.vitepress/theme/components/HomePage.vue
@@ -0,0 +1,94 @@
+<script lang="ts" setup>
+import { VPTeamMembers } from 'vitepress/theme'
+import { vipTeamMembers } from '@142vip/vitepress'
+import ContactAuthor from './ContactAuthor.vue'
+</script>
+
+<template>
+  <section id="team">
+    <h2>团队</h2>
+    <VPTeamMembers :members="vipTeamMembers" size="small" />
+  </section>
+
+  <section id="team">
+    <h2>赞赏列表</h2>
+    <blockquote>
+      排名不分先后， <strong>赞赏过的一定要微信跟我说呀！！！！！！</strong>
+    </blockquote>
+    <div>
+      <a href="https://github.com/ChiefPing" target="_blank">
+        <img
+          alt="ChiefPing"
+          class="image-border"
+          src="https://avatars2.githubusercontent.com/u/34122068?s=460&v=4"
+          title="ChiefPing"
+        >
+      </a>
+      <a href="https://github.com/xiaoliuxin" target="_blank">
+        <img
+          alt="xiaoliuxin"
+          class="image-border"
+          src="https://avatars2.githubusercontent.com/u/60652527?s=460&v=4"
+          title="xiaoliuxin"
+        >
+      </a>
+    </div>
+  </section>
+
+  <section id="Sponsors">
+    <h2>赞助商</h2>
+    <blockquote>
+      以下排名不分先后! 还木有收到赞助，哈哈哈，先留坑
+    </blockquote>
+  </section>
+
+  <section id="contributions">
+    <h2>贡献</h2>
+
+    <blockquote>
+      感谢所有参与仓库建设的开发者
+    </blockquote>
+
+    <a href="https://github.com/142vip/core-x/graphs/contributors">
+      <img
+        alt="感谢向仓库提交PR的所有开发者"
+        src="https://contrib.rocks/image?repo=142vip/core-x"
+        title="@142vip/core-x"
+      >
+    </a>
+  </section>
+
+  <section id="trending">
+    <h2>趋势</h2>
+    <div align="center" style="text-align: center">
+      <img
+        alt="Github Star History"
+        class="img-border"
+        src="https://api.star-history.com/svg?repos=142vip/core-x&type=Date"
+        title="Github Star History"
+      >
+    </div>
+  </section>
+
+  <section id="contact-author">
+    <ContactAuthor />
+  </section>
+</template>
+
+<style scoped>
+#trending {
+  .img-border {
+    border-radius: 5px;
+  }
+}
+
+#team {
+  .image-border {
+    border-radius: 5px;
+    width: 50px;
+  }
+  a {
+    margin: 5px;
+  }
+}
+</style>
diff --git a/.vitepress/theme/components/TeamMembers.ts b/.vitepress/theme/components/TeamMembers.ts
deleted file mode 100644
index bbefc7c..0000000
--- a/.vitepress/theme/components/TeamMembers.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-/**
- * 团队成员
- */
-export const teamMembers = [
-  {
-    avatar: 'https://www.github.com/142vip.png',
-    name: '142vip',
-    title: '开源组织',
-    links: [
-      { icon: 'github', link: 'https://github.com/mmdapl' },
-    ],
-  },
-  {
-    avatar: 'https://www.github.com/mmdapl.png',
-    name: '储凡',
-    title: 'Creator',
-    org: '142vip',
-    orgLink: 'https://github.com/142vip',
-    links: [
-      { icon: 'github', link: 'https://github.com/mmdapl' },
-    ],
-  },
-  {
-    avatar: 'https://www.github.com/chufan443.png',
-    name: '微信公众号：储凡',
-    title: 'CodeReviewer',
-    org: '142vip',
-    orgLink: 'https://github.com/142vip',
-    links: [
-      { icon: 'github', link: 'https://github.com/chufan443' },
-    ],
-  },
-  {
-    avatar: 'https://www.github.com/lir0115.png',
-    name: '公众号：Rong姐姐好可爱',
-    title: 'Committer',
-    org: '142vip',
-    orgLink: 'https://github.com/142vip',
-    links: [
-      { icon: 'github', link: 'https://github.com/lir0115' },
-    ],
-  },
-]
diff --git a/.vitepress/theme/components/index.ts b/.vitepress/theme/components/index.ts
deleted file mode 100644
index 01ee0f5..0000000
--- a/.vitepress/theme/components/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './TeamMembers'
diff --git a/docs/index.md b/docs/index.md
index 0e97c40..03f63aa 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -7,11 +7,14 @@ hero:
   tagline: "易学易用、性能出色，适用工程化的通用工具包"
   actions:
     - theme: brand
-      text: 快速上手 →
+      text: 快速开始 🚀
       link: /packages/fairy-cli
     - theme: alt
-      text: 408CSFamily
+      text: 🤡 408CSFamily
       link: https://github.com/142vip/408CSFamily
+    - theme: alt
+      text: 📘 JavaScriptCollection
+      link: https://github.com/142vip/JavaScriptCollection
 # 功能页
 features:
   - title: 易学易用
@@ -25,68 +28,7 @@ features:
 ---
 
 <script setup>
-import {  VPTeamPage,  VPTeamPageTitle,  VPTeamMembers,  VPTeamPageSection} from 'vitepress/theme';
-
-import ContactAuthor from '@theme/components/ContactAuthor.vue';
-import {teamMembers} from "@theme/components";
-
-const coreMembers = [];
-const partners = [];
+import HomePage from '@theme/components/HomePage.vue'
 </script>
 
-## @142vip/core-x
-
-### 贡献
-
-<VPTeamMembers size="small" :members="teamMembers" />
-
-## 赞赏列表
-
-以下排名不分先后， **赞赏过的一定要微信跟我说呀！！！！！！**
-
-<div>
-  <a href="https://github.com/ChiefPing" target="_blank" style="margin: 5px">
-    <img
-        src="https://avatars2.githubusercontent.com/u/34122068?s=460&v=4"
-        alt="ChiefPing"
-        style="border-radius:5px;" width="50px"
-    />
-  </a>
-  <a href="https://github.com/xiaoliuxin" target="_blank" style="margin: 5px">
-    <img
-        src="https://avatars2.githubusercontent.com/u/60652527?s=460&v=4"
-        alt="xiaoliuxin"
-        style="border-radius:5px;" width="50px"
-    />
-  </a>
-</div>
-
-## 赞助商
-
-以下排名不分先后! 还木有收到赞助，哈哈哈，先留坑
-
-## 贡献
-
-> 感谢所有参与仓库建设的开发者
-
-<a href="https://github.com/142vip/core-x/graphs/contributors">
-  <img
-    src="https://contrib.rocks/image?repo=142vip/core-x"
-    alt="感谢向仓库提交PR的所有开发者"
-    title="@142vip/core-x"
-  />
-</a>
-
-## 趋势
-
-<div style="text-align: center" align="center">
-    <img
-        src="https://api.star-history.com/svg?repos=142vip/core-x&type=Date"
-        alt="Star History"
-        style="border-radius: 5px"
-    >
-</div>
-
-<ContactAuthor/>
-
-<!-- #endregion we-media -->
+<HomePage/>
diff --git a/packages/axios/README.md b/packages/axios/README.md
index 638b900..bf6ca2d 100644
--- a/packages/axios/README.md
+++ b/packages/axios/README.md
@@ -1,5 +1,7 @@
 # @142vip/axios
 
+[![NPM version](https://img.shields.io/npm/v/@142vip/axios?color=a1b858&label=version)](https://www.npmjs.com/package/@142vip/axios)
+
 ## 参考
 
 - [axios](https://github.com/axios/axios)
diff --git a/packages/egg-axios/README.md b/packages/egg-axios/README.md
index e83d769..ba24ebd 100644
--- a/packages/egg-axios/README.md
+++ b/packages/egg-axios/README.md
@@ -1,5 +1,7 @@
 # @142vip/egg-axios
 
+[![NPM version](https://img.shields.io/npm/v/@142vip/egg-axios?color=a1b858&label=version)](https://www.npmjs.com/package/@142vip/egg-axios)
+
 ## 证书
 
 [MIT](https://opensource.org/license/MIT)
diff --git a/packages/egg-grpc-client/README.md b/packages/egg-grpc-client/README.md
index c180670..05afbda 100644
--- a/packages/egg-grpc-client/README.md
+++ b/packages/egg-grpc-client/README.md
@@ -1,5 +1,7 @@
 # @142vip/egg-grpc-client
 
+[![NPM version](https://img.shields.io/npm/v/@142vip/egg-grpc-client?color=a1b858&label=version)](https://www.npmjs.com/package/@142vip/egg-grpc-client)
+
 ## 证书
 
 [MIT](https://opensource.org/license/MIT)
diff --git a/packages/egg-grpc-server/README.md b/packages/egg-grpc-server/README.md
index 2326b8d..284f3e0 100644
--- a/packages/egg-grpc-server/README.md
+++ b/packages/egg-grpc-server/README.md
@@ -1,5 +1,7 @@
 # @142vip/egg-grpc-server
 
+[![NPM version](https://img.shields.io/npm/v/@142vip/egg-grpc-server?color=a1b858&label=version)](https://www.npmjs.com/package/@142vip/egg-grpc-server)
+
 ## 证书
 
 [MIT](https://opensource.org/license/MIT)
diff --git a/packages/egg-mysql/README.md b/packages/egg-mysql/README.md
index bce04b4..4959a18 100644
--- a/packages/egg-mysql/README.md
+++ b/packages/egg-mysql/README.md
@@ -1,5 +1,7 @@
 # @142vip/egg-mysql
 
+[![NPM version](https://img.shields.io/npm/v/@142vip/egg-mysql?color=a1b858&label=version)](https://www.npmjs.com/package/@142vip/egg-mysql)
+
 ## 证书
 
 [MIT](https://opensource.org/license/MIT)
diff --git a/packages/egg-redis/README.md b/packages/egg-redis/README.md
index 7afcf51..fae0433 100644
--- a/packages/egg-redis/README.md
+++ b/packages/egg-redis/README.md
@@ -1,5 +1,7 @@
 # @142vip/egg
 
+[![NPM version](https://img.shields.io/npm/v/@142vip/egg?color=a1b858&label=version)](https://www.npmjs.com/package/@142vip/egg)
+
 ## 证书
 
 [MIT](https://opensource.org/license/MIT)
diff --git a/packages/egg-sequelize/README.md b/packages/egg-sequelize/README.md
index 7fb57af..5f3d098 100644
--- a/packages/egg-sequelize/README.md
+++ b/packages/egg-sequelize/README.md
@@ -1,5 +1,7 @@
 # @142vip/egg-sequelize
 
+[![NPM version](https://img.shields.io/npm/v/@142vip/egg-sequelize?color=a1b858&label=version)](https://www.npmjs.com/package/@142vip/egg-sequelize)
+
 ## 证书
 
 [MIT](https://opensource.org/license/MIT)
diff --git a/packages/egg-swagger/README.md b/packages/egg-swagger/README.md
index 2acebff..5feeee8 100644
--- a/packages/egg-swagger/README.md
+++ b/packages/egg-swagger/README.md
@@ -1,5 +1,7 @@
 # @142vip/egg-swagger
 
+[![NPM version](https://img.shields.io/npm/v/@142vip/egg-swagger?color=a1b858&label=version)](https://www.npmjs.com/package/@142vip/egg-swagger)
+
 ## 证书
 
 [MIT](https://opensource.org/license/MIT)
diff --git a/packages/egg/README.md b/packages/egg/README.md
index 7afcf51..fae0433 100644
--- a/packages/egg/README.md
+++ b/packages/egg/README.md
@@ -1,5 +1,7 @@
 # @142vip/egg
 
+[![NPM version](https://img.shields.io/npm/v/@142vip/egg?color=a1b858&label=version)](https://www.npmjs.com/package/@142vip/egg)
+
 ## 证书
 
 [MIT](https://opensource.org/license/MIT)
diff --git a/packages/eslint-config/README.md b/packages/eslint-config/README.md
index 418d7c0..f384202 100644
--- a/packages/eslint-config/README.md
+++ b/packages/eslint-config/README.md
@@ -1,5 +1,7 @@
 # @142vip/eslint-config
 
+[![NPM version](https://img.shields.io/npm/v/@142vip/eslint-config?color=a1b858&label=version)](https://www.npmjs.com/package/@142vip/eslint-config)
+
 ## 参考
 
 - <https://github.com/antfu/eslint-config>
diff --git a/packages/fairy-cli/README.md b/packages/fairy-cli/README.md
index b1b2404..0148e04 100644
--- a/packages/fairy-cli/README.md
+++ b/packages/fairy-cli/README.md
@@ -1,5 +1,7 @@
 # @142vip/fairy-cli
 
+[![NPM version](https://img.shields.io/npm/v/@142vip/fairy-cli?color=a1b858&label=version)](https://www.npmjs.com/package/@142vip/fairy-cli)
+
 `@142vip/fairy-cli`是一个工程化项目CLI工具，在终端中可以使用别名`fa`执行命令。
 
 ## 快速使用
diff --git a/packages/nest-redis/README.md b/packages/nest-redis/README.md
index 977bbe7..4cad2f0 100644
--- a/packages/nest-redis/README.md
+++ b/packages/nest-redis/README.md
@@ -1,5 +1,7 @@
 # @142vip/nest-redis
 
+[![NPM version](https://img.shields.io/npm/v/@142vip/nest-redis?color=a1b858&label=version)](https://www.npmjs.com/package/@142vip/nest-redis)
+
 ## 证书
 
 [MIT](https://opensource.org/license/MIT)
diff --git a/packages/nest-typeorm/README.md b/packages/nest-typeorm/README.md
index 977bbe7..9507d5f 100644
--- a/packages/nest-typeorm/README.md
+++ b/packages/nest-typeorm/README.md
@@ -1,5 +1,7 @@
 # @142vip/nest-redis
 
+[![NPM version](https://img.shields.io/npm/v/@142vip/nest-typeorm?color=a1b858&label=version)](https://www.npmjs.com/package/@142vip/nest-typeorm)
+
 ## 证书
 
 [MIT](https://opensource.org/license/MIT)
diff --git a/packages/nest/README.md b/packages/nest/README.md
index 70b9cb6..a66cc6d 100644
--- a/packages/nest/README.md
+++ b/packages/nest/README.md
@@ -1,5 +1,7 @@
 # @142vip/nest
 
+[![NPM version](https://img.shields.io/npm/v/@142vip/nest?color=a1b858&label=version)](https://www.npmjs.com/package/@142vip/nest)
+
 ## 参考资料
 
 - 官方文档：<https://docs.nestjs.com/>
diff --git a/packages/oauth/README.md b/packages/oauth/README.md
index 78b80fb..6a07703 100644
--- a/packages/oauth/README.md
+++ b/packages/oauth/README.md
@@ -1,4 +1,6 @@
-# @142vip/redis
+# @142vip/oauth
+
+[![NPM version](https://img.shields.io/npm/v/@142vip/oauth?color=a1b858&label=version)](https://www.npmjs.com/package/@142vip/oauth)
 
 ## 证书
 
diff --git a/packages/release-version/README.md b/packages/release-version/README.md
index cbeb530..5d6af9f 100644
--- a/packages/release-version/README.md
+++ b/packages/release-version/README.md
@@ -1,5 +1,7 @@
 # @142vip/release-version
 
+[![NPM version](https://img.shields.io/npm/v/@142vip/release-version?color=a1b858&label=version)](https://www.npmjs.com/package/@142vip/release-version)
+
 ## 使用
 
 ```shell
diff --git a/packages/typeorm/README.md b/packages/typeorm/README.md
index f54c428..ad152a5 100644
--- a/packages/typeorm/README.md
+++ b/packages/typeorm/README.md
@@ -1,5 +1,17 @@
 # @142vip/typeorm
 
+[![NPM version](https://img.shields.io/npm/v/@142vip/typeorm?color=a1b858&label=version)](https://www.npmjs.com/package/@142vip/typeorm)
+
+## 使用
+
+```shell
+# 安装
+pnpm i @142vip/typeorm
+
+# 安装typeorm
+pnpm i typeorm
+```
+
 ## 证书
 
 [MIT](https://opensource.org/license/MIT)
diff --git a/packages/vitepress/README.md b/packages/vitepress/README.md
index cc74b58..960745b 100644
--- a/packages/vitepress/README.md
+++ b/packages/vitepress/README.md
@@ -1,5 +1,7 @@
 # @142vip/vitepress
 
+[![NPM version](https://img.shields.io/npm/v/@142vip/vitepress?color=a1b858&label=version)](https://www.npmjs.com/package/@142vip/vitepress)
+
 ## 使用
 
 ```shell
diff --git a/packages/vuepress/README.md b/packages/vuepress/README.md
index 6e85750..8b336f9 100644
--- a/packages/vuepress/README.md
+++ b/packages/vuepress/README.md
@@ -1,5 +1,17 @@
 # @142vip/vuepress
 
+[![NPM version](https://img.shields.io/npm/v/@142vip/vuepress?color=a1b858&label=version)](https://www.npmjs.com/package/@142vip/vuepress)
+
+## 使用
+
+```shell
+# 安装
+pnpm i @142vip/vuepress -D
+
+# 安装vuepress
+pnpm i vuepress -D
+```
+
 ## 证书
 
 [MIT](https://opensource.org/license/MIT)