diff --git a/docs/.vitepress/config.mjs b/docs/.vitepress/config.mjs
index 9f829f9..b20ebaa 100644
--- a/docs/.vitepress/config.mjs
+++ b/docs/.vitepress/config.mjs
@@ -83,6 +83,10 @@ export default defineConfig({
               text: "前端组简介",
               link: "/fe/",
             },
+            {
+              text: "团队成员",
+              link: "/fe/team",
+            },
             {
               text: "学习路线",
               items: [
diff --git a/docs/fe/index.md b/docs/fe/index.md
index 0fe4c45..2a8f875 100644
--- a/docs/fe/index.md
+++ b/docs/fe/index.md
@@ -33,72 +33,3 @@
 - Nodejs
 - 数字媒体&&互动营销
 - 数据可视化
-
-### 团队成员
-
-#### 2022 级
-
-- [BlackishGreen33](https://github.com/BlackishGreen33)
-- [konodioda727](https://github.com/konodioda727)
-- [poememory](https://github.com/poememory)
-- [MaggieMii](https://github.com/MaggieMii)
-
-#### 2021 级
-
-- [OldSecond](https://github.com/Old-Second)
-- [MUMU](https://github.com/MUMU46)
-- [lyxaaaa](https://github.com/lyxaaaa)
-- [KXNZH](https://github.com/KXNZH)
-- [HytaBeta](https://github.com/HytaBeta)
-- [likeztmy](https://github.com/likeztmy)
-
-#### 2020 级
-
-- [joker0231](https://github.com/joker0231)
-- [Lruler](https://github.com/Lruler)
-- [qingxuanying](https://github.com/qingxuanying)
-- [KiteU](https://github.com/demoinmuxi)
-- [jitu](https://github.com/jiut)
-- [EuniceGithub](https://github.com/EuniceGithub)
-
-#### 2019 级
-
-- [HCLacids](https://github.com/HCLacids)
-- [yolo](https://github.com/liaoyulu)
-- [shi-zhong](https://github.com/shi-zhong)
-- [sjy](https://github.com/shenjiayao-sjy)
-
-#### 2018 级
-
-- [lilixuelian](https://github.com/lilixuelian)
-- [LadderLay](https://github.com/LadderLay)
-- [ildnyy](https://github.com/ildnyy)
-- [jonusis](https://github.com/jonusis)
-- [Amybiubiu](https://github.com/Amybiubiu)
-- [Moomyd](https://github.com/Moomyd)
-
-#### 2017 级
-
-- [KuTuGu](https://github.com/KuTuGu)
-- [darkglimmer](https://github.com/darkglimmer)
-- [yanyuw](https://github.com/yanyuw)
-- [wwyqianqian](https://github.com/wwyqianqian)
-
-#### 2016 级
-
-- [Cruyun](https://github.com/Cruyun)
-- [Zendq1998](https://github.com/Zendq1998)
-- [fengzi2016](https://github.com/fengzi2016)
-
-#### 2015 级
-
-- [Amanda111](https://github.com/Amanda111)
-- [Elegenthus](https://github.com/Elegenthus)
-
-#### 2014 级
-
-- [stephenLYZ](https://github.com/stephenLYZ)
-
-#### 2013 级
-
-- [zxc0328](https://github.com/zxc0328)
diff --git a/docs/fe/team.md b/docs/fe/team.md
new file mode 100644
index 0000000..805d683
--- /dev/null
+++ b/docs/fe/team.md
@@ -0,0 +1,399 @@
+---
+layout: page
+---
+
+<script setup>
+  import {
+    VPTeamPage,
+    VPTeamPageTitle,
+    VPTeamMembers,
+    VPTeamPageSection
+  } from 'vitepress/theme';
+
+  const members2022 = [
+    {
+      avatar: 'https://www.github.com/BlackishGreen33.png',
+      name: 'BlackishGreen33',
+      desc: `JS === "女子小学生"`,
+      org: '计算机学院',
+      links: [
+        { icon: 'github', link: 'https://github.com/BlackishGreen33' },
+      ]
+    },
+    {
+      avatar: 'https://www.github.com/konodioda727.png',
+      name: 'konodioda727',
+      desc: `华师GGBond`,
+      org: '计算机学院',
+      links: [
+        { icon: 'github', link: 'https://github.com/konodioda727' },
+      ]
+    },
+    {
+      avatar: 'https://www.github.com/poememory.png',
+      name: 'poememory',
+      desc: `早睡早起`,
+      org: '人工智能教育学部',
+      links: [
+        { icon: 'github', link: 'https://github.com/poememory' },
+      ]
+    },
+    {
+      avatar: 'https://www.github.com/MaggieMii.png',
+      name: 'MaggieMii',
+      desc: `不驰于空想，不骛于虚声`,
+      org: '计算机学院',
+      links: [
+        { icon: 'github', link: 'https://github.com/MaggieMii' },
+      ]
+    },
+  ]
+
+  const members2021 = [
+    {
+      avatar: 'https://www.github.com/Old-Second.png',
+      name: 'OldSecond',
+      desc: `Do not go gentle into that good night`,
+      org: '计算机学院',
+      links: [
+        { icon: 'github', link: 'https://github.com/Old-Second' },
+      ]
+    },
+    {
+      avatar: 'https://www.github.com/MUMU46.png',
+      name: 'MUMU',
+      desc: `开心就好啊`,
+      org: '计算机学院',
+      links: [
+        { icon: 'github', link: 'https://github.com/MUMU46' },
+      ]
+    },
+    {
+      avatar: 'https://www.github.com/lyxaaaa.png',
+      name: 'lyxaaaa',
+      desc: `慢慢走啊欣赏`,
+      org: '计算机学院',
+      links: [
+        { icon: 'github', link: 'https://github.com/lyxaaaa' },
+      ]
+    },
+    {
+      avatar: 'https://www.github.com/KXNZH.png',
+      name: 'KXNZH',
+      desc: `乐观的搞笑女`,
+      links: [
+        { icon: 'github', link: 'https://github.com/KXNZH' },
+      ]
+    },
+    {
+      avatar: 'https://www.github.com/hiiiroko.png',
+      name: 'H1rk',
+      desc: `Life is short, you need Python.`,
+      org: '计算机学院',
+      links: [
+        { icon: 'github', link: 'https://github.com/hiiiroko' },
+      ]
+    },
+    {
+      avatar: 'https://www.github.com/likeztmy.png',
+      name: 'likeztmy',
+      desc: `...CODING...`,
+      org: '计算机学院',
+      links: [
+        { icon: 'github', link: 'https://github.com/likeztmy' },
+      ]
+    },
+  ]
+
+  const members2020 = [
+    {
+      avatar: 'https://www.github.com/joker0231.png',
+      name: 'joker0231',
+      links: [
+        { icon: 'github', link: 'https://github.com/joker0231' },
+      ]
+    },
+    {
+      avatar: 'https://www.github.com/Lruler.png',
+      name: 'Lruler',
+      desc: `劳动最光荣`,
+      org: '计算机学院',
+      links: [
+        { icon: 'github', link: 'https://github.com/Lruler' },
+      ]
+    },
+    {
+      avatar: 'https://www.github.com/qingxuanying.png',
+      name: 'qingxuanying',
+      links: [
+        { icon: 'github', link: 'https://github.com/qingxuanying' },
+      ]
+    },
+    {
+      avatar: 'https://www.github.com/KiteU.png',
+      name: 'KiteU',
+      links: [
+        { icon: 'github', link: 'https://github.com/KiteU' },
+      ]
+    },
+    {
+      avatar: 'https://www.github.com/jitu.png',
+      name: 'jitu',
+      links: [
+        { icon: 'github', link: 'https://github.com/jitu' },
+      ]
+    },
+    {
+      avatar: 'https://www.github.com/EuniceGithub.png',
+      name: 'EuniceGithub',
+      links: [
+        { icon: 'github', link: 'https://github.com/EuniceGithub' },
+      ]
+    },
+  ]
+
+  const members2019 = [
+    {
+      avatar: 'https://www.github.com/HCLacids.png',
+      name: 'HCLacids',
+      links: [
+        { icon: 'github', link: 'https://github.com/HCLacids' },
+      ]
+    },
+    {
+      avatar: 'https://www.github.com/yolo.png',
+      name: 'yolo',
+      links: [
+        { icon: 'github', link: 'https://github.com/yolo' },
+      ]
+    },
+    {
+      avatar: 'https://www.github.com/shi-zhong.png',
+      name: 'shi-zhong',
+      links: [
+        { icon: 'github', link: 'https://github.com/shi-zhong' },
+      ]
+    },
+    {
+      avatar: 'https://www.github.com/sjy.png',
+      name: 'sjy',
+      links: [
+        { icon: 'github', link: 'https://github.com/sjy' },
+      ]
+    },
+  ]
+
+  const members2018 = [
+    {
+      avatar: 'https://www.github.com/lilixuelian.png',
+      name: 'lilixuelian',
+      links: [
+        { icon: 'github', link: 'https://github.com/lilixuelian' },
+      ]
+    },
+    {
+      avatar: 'https://www.github.com/LadderLay.png',
+      name: 'LadderLay',
+      links: [
+        { icon: 'github', link: 'https://github.com/LadderLay' },
+      ]
+    },
+    {
+      avatar: 'https://www.github.com/ildnyy.png',
+      name: 'ildnyy',
+      links: [
+        { icon: 'github', link: 'https://github.com/ildnyy' },
+      ]
+    },
+    {
+      avatar: 'https://www.github.com/jonusis.png',
+      name: 'jonusis',
+      links: [
+        { icon: 'github', link: 'https://github.com/jonusis' },
+      ]
+    },
+    {
+      avatar: 'https://www.github.com/Amybiubiu.png',
+      name: 'Amybiubiu',
+      links: [
+        { icon: 'github', link: 'https://github.com/Amybiubiu' },
+      ]
+    },
+    {
+      avatar: 'https://www.github.com/Moomyd.png',
+      name: 'Moomyd',
+      links: [
+        { icon: 'github', link: 'https://github.com/Moomyd' },
+      ]
+    },
+  ]
+
+  const members2017 = [
+    {
+      avatar: 'https://www.github.com/KuTuGu.png',
+      name: 'KuTuGu',
+      links: [
+        { icon: 'github', link: 'https://github.com/KuTuGu' },
+      ]
+    },
+    {
+      avatar: 'https://www.github.com/darkglimmer.png',
+      name: 'darkglimmer',
+      links: [
+        { icon: 'github', link: 'https://github.com/darkglimmer' },
+      ]
+    },
+    {
+      avatar: 'https://www.github.com/yanyuw.png',
+      name: 'yanyuw',
+      links: [
+        { icon: 'github', link: 'https://github.com/yanyuw' },
+      ]
+    },
+    {
+      avatar: 'https://www.github.com/wwyqianqian.png',
+      name: 'wwyqianqian',
+      links: [
+        { icon: 'github', link: 'https://github.com/wwyqianqian' },
+      ]
+    },
+  ]
+
+  const members2016 = [
+    {
+      avatar: 'https://www.github.com/Cruyun.png',
+      name: 'Cruyun',
+      links: [
+        { icon: 'github', link: 'https://github.com/Cruyun' },
+      ]
+    },
+    {
+      avatar: 'https://www.github.com/Zendq1998.png',
+      name: 'Zendq1998',
+      links: [
+        { icon: 'github', link: 'https://github.com/Zendq1998' },
+      ]
+    },
+    {
+      avatar: 'https://www.github.com/fengzi2016.png',
+      name: 'fengzi2016',
+      links: [
+        { icon: 'github', link: 'https://github.com/fengzi2016' },
+      ]
+    },
+  ]
+
+  const members2015 = [
+    {
+      avatar: 'https://www.github.com/Amanda111.png',
+      name: 'Cruyun',
+      links: [
+        { icon: 'github', link: 'https://github.com/Amanda111' },
+      ]
+    },
+    {
+      avatar: 'https://www.github.com/Elegenthus.png',
+      name: 'Elegenthus',
+      links: [
+        { icon: 'github', link: 'https://github.com/Elegenthus' },
+      ]
+    },
+  ]
+
+  const members2014 = [
+    {
+      avatar: 'https://www.github.com/stephenLYZ.png',
+      name: 'stephenLYZ',
+      links: [
+        { icon: 'github', link: 'https://github.com/stephenLYZ' },
+      ]
+    },
+  ]
+
+  const members2013 = [
+    {
+      avatar: 'https://www.github.com/zxc0328.png',
+      name: 'zxc0328',
+      links: [
+        { icon: 'github', link: 'https://github.com/zxc0328' },
+      ]
+    },
+  ]
+</script>
+
+<VPTeamPage>
+  <VPTeamPageTitle>
+    <template #title>木犀团队 前端组</template>
+    <template #lead>...</template>
+  </VPTeamPageTitle>
+  <VPTeamPageSection>
+    <template #title>2022 级</template>
+    <template #lead>...</template>
+    <template #members>
+      <VPTeamMembers size="small" :members="members2022"/>
+    </template>
+  </VPTeamPageSection>
+  <VPTeamPageSection>
+    <template #title>2021 级</template>
+    <template #lead>...</template>
+    <template #members>
+      <VPTeamMembers size="small" :members="members2021"/>
+    </template>
+  </VPTeamPageSection>
+  <VPTeamPageSection>
+    <template #title>2020 级</template>
+    <template #lead>...</template>
+    <template #members>
+      <VPTeamMembers size="small" :members="members2020"/>
+    </template>
+  </VPTeamPageSection>
+  <VPTeamPageSection>
+    <template #title>2019 级</template>
+    <template #lead>...</template>
+    <template #members>
+      <VPTeamMembers size="small" :members="members2019"/>
+    </template>
+  </VPTeamPageSection>
+  <VPTeamPageSection>
+    <template #title>2018 级</template>
+    <template #lead>...</template>
+    <template #members>
+      <VPTeamMembers size="small" :members="members2018"/>
+    </template>
+  </VPTeamPageSection>
+  <VPTeamPageSection>
+    <template #title>2017 级</template>
+    <template #lead>...</template>
+    <template #members>
+      <VPTeamMembers size="small" :members="members2017"/>
+    </template>
+  </VPTeamPageSection>
+  <VPTeamPageSection>
+    <template #title>2016 级</template>
+    <template #lead>...</template>
+    <template #members>
+      <VPTeamMembers size="small" :members="members2016"/>
+    </template>
+  </VPTeamPageSection>
+  <VPTeamPageSection>
+    <template #title>2015 级</template>
+    <template #lead>...</template>
+    <template #members>
+      <VPTeamMembers size="small" :members="members2015"/>
+    </template>
+  </VPTeamPageSection>
+  <VPTeamPageSection>
+    <template #title>2014 级</template>
+    <template #lead>...</template>
+    <template #members>
+      <VPTeamMembers size="small" :members="members2014"/>
+    </template>
+  </VPTeamPageSection>
+  <VPTeamPageSection>
+    <template #title>2013 级</template>
+    <template #lead>...</template>
+    <template #members>
+      <VPTeamMembers size="small" :members="members2013"/>
+    </template>
+  </VPTeamPageSection>
+</VPTeamPage>