diff --git a/components.d.ts b/components.d.ts
index 4555669..e82922f 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -18,6 +18,7 @@ declare module 'vue' {
     AMenu: typeof import('ant-design-vue/es')['Menu']
     APageHeader: typeof import('ant-design-vue/es')['PageHeader']
     AQrcode: typeof import('ant-design-vue/es')['QRCode']
+    ASpace: typeof import('ant-design-vue/es')['Space']
     ATypographyParagraph: typeof import('ant-design-vue/es')['TypographyParagraph']
     ATypographyText: typeof import('ant-design-vue/es')['TypographyText']
     BlockAllCube: typeof import('./src/components/BlockAllCube.vue')['default']
diff --git a/src/App.vue b/src/App.vue
index cd40edb..a61928b 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,24 +1,22 @@
 @ -1,68 +1,98 @@
 <script setup lang="ts">
-import { h, reactive, ref } from 'vue';
+import {h, reactive, ref} from 'vue';
 import {
   MenuFoldOutlined,
   MenuUnfoldOutlined,
   HomeOutlined,
   PicLeftOutlined,
   InfoCircleOutlined,
-  RedEnvelopeOutlined,
-  GithubOutlined
+  RedEnvelopeOutlined
 } from '@ant-design/icons-vue';
+import {createFromIconfontCN} from '@ant-design/icons-vue';
 import Icon from '@/assets/icon.svg';
-import Curseforge from '@/assets/curseforge.svg';
-import Modrinth from '@/assets/modrinth.svg';
-import BiliBili from '@/assets/bilibili.svg';
-import Mcmod from '@/assets/mcmod.svg';
-import QQ from '@/assets/QQ.svg';
-import KOOK from '@/assets/kook.svg';
 import router from '@/router/index.ts';
 
+const IconFont = createFromIconfontCN({
+  scriptUrl: '//at.alicdn.com/t/c/font_4583291_sbz536mbo0k.js',
+});
+
 const items = ref([
   {
     key: 'home',
@@ -67,54 +65,54 @@ function select(page: any) {
 
 <template>
   <a-page-header
-    class="app-header"
-    title="铁砧工艺"
-    sub-title="一个原版风科技模组"
-    @back="toggleCollapsed"
-    :avatar="{ src: Icon }">
+      class="app-header"
+      title="铁砧工艺"
+      sub-title="一个原版风科技模组"
+      @back="toggleCollapsed"
+      :avatar="{ src: Icon }">
     <template #backIcon>
-      <MenuUnfoldOutlined v-if="state.collapsed" />
-      <MenuFoldOutlined v-else />
+      <MenuUnfoldOutlined v-if="state.collapsed"/>
+      <MenuFoldOutlined v-else/>
     </template>
     <template #extra>
-      <a href="https://www.curseforge.com/minecraft/mc-mods/anvilcraft" target="_blank">
-        <a-image :src="Curseforge" style="height: 32px; width: 32px" :preview="false" />
-      </a>
-      <a href="https://modrinth.com/mod/anvilcraft" target="_blank">
-        <a-image :src="Modrinth" style="height: 32px; width: 32px" :preview="false" />
-      </a>
-      <a
-        href="https://space.bilibili.com/5930630/channel/collectiondetail?sid=2530932"
-        target="_blank">
-        <a-image :src="BiliBili" style="height: 32px; width: 32px" :preview="false" />
-      </a>
-      <a href="https://www.mcmod.cn/class/14068.html" target="_blank">
-        <a-image :src="Mcmod" style="height: 32px; width: 32px" :preview="false" />
-      </a>
-      <a href="https://github.com/Anvil-Dev/AnvilCraft" target="_blank">
-        <GithubOutlined style="font-size: 30px; color: black" />
-      </a>
-      <a href="https://qm.qq.com/q/OO9MeRbPIm" target="_blank">
-        <a-image :src="QQ" style="height: 32px; width: 32px" :preview="false" />
-      </a>
-      <a href="https://www.kookapp.cn/app/invite/mFBCbM" target="_blank">
-        <a-image :src="KOOK" style="height: 32px; width: 32px" :preview="false" />
-      </a>
+      <a-space class="url-list">
+        <a href="https://www.curseforge.com/minecraft/mc-mods/anvilcraft" target="_blank">
+          <icon-font class="icon" type="icon-curseforge"/>
+        </a>
+        <a href="https://modrinth.com/mod/anvilcraft" target="_blank">
+          <icon-font class="icon" type="icon-modrinth"/>
+        </a>
+        <a href="https://space.bilibili.com/5930630/channel/collectiondetail?sid=2530932" target="_blank">
+          <icon-font class="icon" type="icon-bilibili"/>
+        </a>
+        <a href="https://www.mcmod.cn/class/14068.html" target="_blank">
+          <icon-font class="icon" type="icon-mcmod"/>
+        </a>
+        <a href="https://github.com/Anvil-Dev/AnvilCraft" target="_blank">
+          <icon-font class="icon" type="icon-github"/>
+        </a>
+        <a href="https://qm.qq.com/q/OO9MeRbPIm" target="_blank">
+          <icon-font class="icon" type="icon-QQ"/>
+        </a>
+        <a href="https://chat.xiaoheihe.cn/ibjvvo" target="_blank">
+          <icon-font class="icon" type="icon-heybox"/>
+        </a>
+      </a-space>
     </template>
   </a-page-header>
   <a-layout>
     <a-layout-sider class="app-sider" :collapsed="state.collapsed" :trigger="null" collapsible>
       <a-menu
-        v-model:selectedKeys="state.selectedKeys"
-        mode="inline"
-        class="app-menu"
-        :items="items"
-        @select="select" />
+          v-model:selectedKeys="state.selectedKeys"
+          mode="inline"
+          class="app-menu"
+          :items="items"
+          @select="select"/>
     </a-layout-sider>
     <a-layout-content>
       <div class="app-scrollbar">
         <div class="app-content">
-          <router-view />
+          <router-view/>
         </div>
         <div class="app-footer">
           <span>
@@ -129,6 +127,7 @@ function select(page: any) {
 
 <style scoped lang="scss">
 .app-header {
+  max-height: 81px;
   border: 1px solid rgb(235, 237, 240);
   background-color: #ffffff;
 }
@@ -143,7 +142,7 @@ function select(page: any) {
 }
 
 .app-scrollbar {
-  height: calc(100vh - 82px);
+  height: calc(100vh - 81px);
   overflow: auto;
   scrollbar-gutter: stable;
 }
@@ -159,4 +158,10 @@ function select(page: any) {
   margin: 5px;
   min-height: calc(100vh - 173px);
 }
+
+.url-list {
+  font-size: 32px;
+  text-align: center;
+  max-height: 32px;
+}
 </style>
diff --git a/src/assets/QQ.svg b/src/assets/QQ.svg
deleted file mode 100644
index c7c0b16..0000000
--- a/src/assets/QQ.svg
+++ /dev/null
@@ -1 +0,0 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1714626733525" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6427" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M824.8 613.2c-16-51.4-34.4-94.6-62.7-165.3C766.5 262.2 689.3 112 511.5 112 331.7 112 256.2 265.2 261 447.9c-28.4 70.8-46.7 113.7-62.7 165.3-34 109.5-23 154.8-14.6 155.8 18 2.2 70.1-82.4 70.1-82.4 0 49 25.2 112.9 79.8 159-26.4 8.1-85.7 29.9-71.6 53.8 11.4 19.3 196.2 12.3 249.5 6.3 53.3 6 238.1 13 249.5-6.3 14.1-23.8-45.3-45.7-71.6-53.8 54.6-46.2 79.8-110.1 79.8-159 0 0 52.1 84.6 70.1 82.4 8.5-1.1 19.5-46.4-14.5-155.8z" p-id="6428"></path></svg>
\ No newline at end of file
diff --git a/src/assets/bilibili.svg b/src/assets/bilibili.svg
deleted file mode 100644
index 1856296..0000000
--- a/src/assets/bilibili.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<svg class="icon" viewBox="0 0 1129 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
-     width="200" height="200">
-    <path d="M234.909 9.656a80.468 80.468 0 0 1 68.398 0 167.374 167.374 0 0 1 41.843 30.578l160.937 140.82h115.07l160.936-140.82a168.983 168.983 0 0 1 41.843-30.578A80.468 80.468 0 0 1 930.96 76.445a80.468 80.468 0 0 1-17.703 53.914 449.818 449.818 0 0 1-35.406 32.187 232.553 232.553 0 0 1-22.531 18.508h100.585a170.593 170.593 0 0 1 118.289 53.109 171.397 171.397 0 0 1 53.914 118.288v462.693a325.897 325.897 0 0 1-4.024 70.007 178.64 178.64 0 0 1-80.468 112.656 173.007 173.007 0 0 1-92.539 25.75h-738.7a341.186 341.186 0 0 1-72.421-4.024A177.835 177.835 0 0 1 28.91 939.065a172.202 172.202 0 0 1-27.36-92.539V388.662a360.498 360.498 0 0 1 0-66.789A177.03 177.03 0 0 1 162.487 178.64h105.414c-16.899-12.07-31.383-26.555-46.672-39.43a80.468 80.468 0 0 1-25.75-65.984 80.468 80.468 0 0 1 39.43-63.57M216.4 321.873a80.468 80.468 0 0 0-63.57 57.937 108.632 108.632 0 0 0 0 30.578v380.615a80.468 80.468 0 0 0 55.523 80.469 106.218 106.218 0 0 0 34.601 5.632h654.208a80.468 80.468 0 0 0 76.444-47.476 112.656 112.656 0 0 0 8.047-53.109v-354.06a135.187 135.187 0 0 0 0-38.625 80.468 80.468 0 0 0-52.304-54.719 129.554 129.554 0 0 0-49.89-7.242H254.22a268.764 268.764 0 0 0-37.82 0z m0 0"
-          fill="#20B0E3"/>
-    <path d="M348.369 447.404a80.468 80.468 0 0 1 55.523 18.507 80.468 80.468 0 0 1 28.164 59.547v80.468a80.468 80.468 0 0 1-16.094 51.5 80.468 80.468 0 0 1-131.968-9.656 104.609 104.609 0 0 1-10.46-54.719v-80.468a80.468 80.468 0 0 1 70.007-67.593z m416.02 0a80.468 80.468 0 0 1 86.102 75.64v80.468a94.148 94.148 0 0 1-12.07 53.11 80.468 80.468 0 0 1-132.773 0 95.757 95.757 0 0 1-12.875-57.133V519.02a80.468 80.468 0 0 1 70.007-70.812z m0 0"
-          fill="#20B0E3"/>
-</svg>
\ No newline at end of file
diff --git a/src/assets/curseforge.svg b/src/assets/curseforge.svg
deleted file mode 100644
index c696225..0000000
--- a/src/assets/curseforge.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round"
-     stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 31 18" width="31" height="31" class="text-logo button-base" aria-hidden="true">
-    <g fill="var(--color-brand)">
-        <path d="M22.4108 6.04039C22.4108 6.04039 28.4033 5.07094 29.3497 2.24352H20.1699V0H0L2.48469 2.95793V5.98856C2.48469 5.98856 8.75416 5.6541 11.1793 7.54079C14.4989 10.6975 7.44568 14.9645 7.44568 14.9645L6.23622 19.0705C8.12751 17.2229 11.7321 14.8329 18.3411 14.9481C15.826 15.7636 13.2971 17.0373 11.3284 19.0705H24.6884L23.4303 14.9645C23.4303 14.9645 13.7473 9.10645 22.4108 6.04039Z"
-              fill="#F16436"/>
-    </g>
-</svg>
diff --git a/src/assets/image-fill.svg b/src/assets/image-fill.svg
deleted file mode 100644
index d8f40b7..0000000
--- a/src/assets/image-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1714707489133" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4278" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M928 160H96c-17.7 0-32 14.3-32 32v640c0 17.7 14.3 32 32 32h832c17.7 0 32-14.3 32-32V192c0-17.7-14.3-32-32-32zM338 304c35.3 0 64 28.7 64 64s-28.7 64-64 64-64-28.7-64-64 28.7-64 64-64z m513.9 437.1c-1.4 1.2-3.3 1.9-5.2 1.9H177.2c-4.4 0-8-3.6-8-8 0-1.9 0.7-3.7 1.9-5.2l170.3-202c2.8-3.4 7.9-3.8 11.3-1 0.3 0.3 0.7 0.6 1 1l99.4 118 158.1-187.5c2.8-3.4 7.9-3.8 11.3-1 0.3 0.3 0.7 0.6 1 1l229.6 271.6c2.6 3.3 2.2 8.4-1.2 11.2z" p-id="4279"></path></svg>
\ No newline at end of file
diff --git a/src/assets/kook.svg b/src/assets/kook.svg
deleted file mode 100644
index eb6e34f..0000000
--- a/src/assets/kook.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
-        "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg t="1714626747979" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7471"
-     xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200">
-    <path d="M153.930323 0L0 724.067097l56.485161 108.345806h370.621936l86.214193 166.152258h83.571613l36.005162-166.152258h229.24387l150.95742-719.44258L952.980645 0H153.930323z m45.584516 706.56L328.010323 114.952258h190.926451l-32.701935 152.609032 141.047742-158.224516h185.64129l-14.534194 79.27742-214.709677 249.393548 115.612903 202.157419-16.516129 66.394839h-176.392258l-84.892903-157.894194-27.086452 157.894194h-194.890322z"
-          p-id="7472" fill="#87EB00"></path>
-</svg>
\ No newline at end of file
diff --git a/src/assets/mcmod.svg b/src/assets/mcmod.svg
deleted file mode 100644
index c61af45..0000000
--- a/src/assets/mcmod.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg class="icon" viewBox="0 0 1822 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="200"
-     height="200">
-    <path d="M722.446092 1024h305.790825V4.697248h-305.790825v203.86055h-101.930275v203.860551h-203.860551V208.557798h-101.930275V4.697248H8.94356V1024h305.790825V616.278899h101.930276v203.860551h203.86055V616.278899h101.930275V1024z m480.246605 0h611.581652V820.13945h-305.790826V208.557798h305.790826V4.697248h-611.581652V1024z"
-          fill="#40C4CC"/>
-</svg>
\ No newline at end of file
diff --git a/src/assets/modrinth.svg b/src/assets/modrinth.svg
deleted file mode 100644
index 734e707..0000000
--- a/src/assets/modrinth.svg
+++ /dev/null
@@ -1,12 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round"
-     stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 600 600" class="text-logo button-base" aria-hidden="true">
-    <g fill="var(--color-brand)">
-        <path d="m29 424.4 188.2-112.95-17.15-45.48 53.75-55.21 67.93-14.64 19.67 24.21-31.32 31.72-27.3 8.6-19.52 20.05 9.56 26.6 19.4 20.6 27.36-7.28 19.47-21.38 42.51-13.47 12.67 28.5-43.87 53.78-73.5 23.27-32.97-36.7L55.06 467.94C46.1 456.41 35.67 440.08 29 424.4Zm543.03-230.25-149.5 40.32c8.24 21.92 10.95 34.8 13.23 49l149.23-40.26c-2.38-15.94-6.65-32.17-12.96-49.06Z" fill="#18C35F"/>
-        <path
-                d="M51.28 316.13c10.59 125 115.54 223.3 243.27 223.3 96.51 0 180.02-56.12 219.63-137.46l48.61 16.83c-46.78 101.34-149.35 171.75-268.24 171.75C138.6 590.55 10.71 469.38 0 316.13h51.28ZM.78 265.24C15.86 116.36 141.73 0 294.56 0c162.97 0 295.28 132.31 295.28 295.28 0 26.14-3.4 51.49-9.8 75.63l-48.48-16.78a244.28 244.28 0 0 0 7.15-58.85c0-134.75-109.4-244.15-244.15-244.15-124.58 0-227.49 93.5-242.32 214.11H.8Z"
-                class="ring ring--large" fill="#18C35F"/>
-        <path
-                d="M293.77 153.17c-78.49.07-142.2 63.83-142.2 142.34 0 78.56 63.79 142.34 142.35 142.34 3.98 0 7.93-.16 11.83-.49l14.22 49.76a194.65 194.65 0 0 1-26.05 1.74c-106.72 0-193.36-86.64-193.36-193.35 0-106.72 86.64-193.35 193.36-193.35 2.64 0 5.28.05 7.9.16l-8.05 50.85Zm58.2-42.13c78.39 24.67 135.3 97.98 135.3 184.47 0 80.07-48.77 148.83-118.2 178.18l-14.17-49.55c48.08-22.85 81.36-71.89 81.36-128.63 0-60.99-38.44-113.07-92.39-133.32l8.1-51.15Z"
-                class="ring ring--small" fill="#18C35F"/>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/src/assets/supporters.json b/src/assets/supporters.json
index f61b943..c4a756d 100644
--- a/src/assets/supporters.json
+++ b/src/assets/supporters.json
@@ -3,7 +3,7 @@
     "name": "枫丨渊",
     "avatar": "https://camo.githubusercontent.com/a5972681698d8034ee2455c68d130e53648c32c855672436f5cabb5866950718/68747470733a2f2f69312e6864736c622e636f6d2f6266732f666163652f336264386534383938383438323166333033313266653737356661663837616430303563613861632e6a7067",
     "link": "https://space.bilibili.com/3609691",
-    "money": 666.0
+    "money": 732.6
   },
   {
     "name": "BOTXue",
@@ -178,5 +178,11 @@
     "avatar": "https://camo.githubusercontent.com/8e305080d5f5c70f55aba2389bad74e878b303b7ffab8748419ac6994eb9a9d5/68747470733a2f2f69312e6864736c622e636f6d2f6266732f666163652f363331383663653133353239623136393064326135396363396364313062353439653765326136632e6a7067",
     "link": "https://space.bilibili.com/318916927",
     "money": 6.0
+  },
+  {
+    "name": "阿羊X_Y",
+    "avatar": "https://camo.githubusercontent.com/27bbec88a5d135033b6a643d4801458a92a569f1e8e825d4a978117f9f3278a1/68747470733a2f2f69322e6864736c622e636f6d2f6266732f666163652f653338396336353563303561646534616261343838363364363035303637643766623330316262362e6a7067",
+    "link": "https://space.bilibili.com/316720652",
+    "money": 200.0
   }
 ]
\ No newline at end of file
diff --git a/src/views/AboutPage.vue b/src/views/AboutPage.vue
index 492a102..0a3e267 100644
--- a/src/views/AboutPage.vue
+++ b/src/views/AboutPage.vue
@@ -1,11 +1,15 @@
 <script setup lang="ts">
-import { UserFilled } from '@element-plus/icons-vue';
+import {UserFilled} from '@element-plus/icons-vue';
 import Supporters from '@/assets/supporters.json';
 import Authors from '@/assets/authors.json';
 import Contributors from '@/assets/contributors.json';
-import BiliBili from '@/assets/bilibili.svg';
+import {createFromIconfontCN} from '@ant-design/icons-vue';
 
 Supporters.sort((a, b) => b.money - a.money);
+
+const IconFont = createFromIconfontCN({
+  scriptUrl: '//at.alicdn.com/t/c/font_4583291_sbz536mbo0k.js',
+});
 </script>
 
 <template>
@@ -15,18 +19,18 @@ Supporters.sort((a, b) => b.money - a.money);
         <template #title>
           <a-avatar size="large" :src="author.avatar">
             <template #icon>
-              <UserFilled />
+              <UserFilled/>
             </template>
           </a-avatar>
           {{ author.name }}
         </template>
         <template #extra>
           <a
-            v-if="author.uid"
-            :href="'https://space.bilibili.com/' + author.uid"
-            target="_blank"
-            style="margin-right: 80px">
-            <a-image :src="BiliBili" style="height: 32px; width: 32px" :preview="false" />
+              v-if="author.uid"
+              :href="'https://space.bilibili.com/' + author.uid"
+              target="_blank"
+              style="margin-right: 80px;font-size: 32px">
+            <icon-font class="icon" type="icon-bilibili"/>
           </a>
         </template>
         <p v-for="desc in author.desc">
@@ -47,17 +51,17 @@ Supporters.sort((a, b) => b.money - a.money);
         <a-card class="sub-card" hoverable bordered>
           <template #extra>
             <a
-              v-if="contributor.uid"
-              :href="'https://space.bilibili.com/' + contributor.uid"
-              target="_blank"
-              style="margin-right: 80px">
-              <a-image :src="BiliBili" style="height: 32px; width: 32px" :preview="false" />
+                v-if="contributor.uid"
+                :href="'https://space.bilibili.com/' + contributor.uid"
+                target="_blank"
+                style="margin-right: 80px;font-size: 32px">
+              <icon-font class="icon" type="icon-bilibili"/>
             </a>
           </template>
           <template #title>
             <a-avatar :src="contributor.avatar" size="large" style="margin: 5px">
               <template #icon>
-                <UserFilled />
+                <UserFilled/>
               </template>
             </a-avatar>
             <a-typography-text style="font-size: 15px">
@@ -77,7 +81,7 @@ Supporters.sort((a, b) => b.money - a.money);
           <template #title>
             <a-avatar :src="supporter.avatar" size="large" style="margin: 5px">
               <template #icon>
-                <UserFilled />
+                <UserFilled/>
               </template>
             </a-avatar>
             <a-typography-text style="font-size: 15px">
diff --git a/src/views/MainPage.vue b/src/views/MainPage.vue
index 52a5284..f7a3e7a 100644
--- a/src/views/MainPage.vue
+++ b/src/views/MainPage.vue
@@ -1,17 +1,11 @@
 <script setup lang="ts">
-import ImageFill from '@/assets/image-fill.svg';
 import Banner from '@/assets/banner.png';
 </script>
 
 <template>
   <a-card hoverable bordered>
     <div style="width: 100%; text-align: center">
-      <a-image
-        :width="640"
-        :height="360"
-        style="width: 100%"
-        :src="Banner"
-        :fallback="ImageFill" />
+      <a-image :width="640" :height="360" style="width: 100%" :src="Banner"/>
     </div>
     <a-divider />
     <a-typography-paragraph>