diff --git a/src/pages/about.md b/src/pages/about.md
deleted file mode 100644
index 5848e3e..0000000
--- a/src/pages/about.md
+++ /dev/null
@@ -1,21 +0,0 @@
-<div class="text-center">
-  <div class="i-carbon-dicom-overlay text-4xl -mb-6 m-auto" />
-  <h3>关于本站</h3>
-</div>
-
-# 基本信息
-
-合肥市南园学校是位于安徽省合肥市包河区的一所公办九年一贯制学校,现分为南校区(初中部)、北校区(小学部)。19 预科 2 班成立于初中校区,由原小学部 2019 届五(2)班改组而成。因本站点未经 19 预科 2 班全体师生认可,故无法代表所有 19 预科 2 班师生观点，也不与合肥市南园学校具有从属关系。**若您认为本站点内容 (包括但不限于字体、图片、文字等)侵犯了您的权利，您可以随时使用邮箱联系运营者。(Email:<router-link to='mailto:thehrz@outlook.com'>thehrz@outlook.com</router-link>)**
-
-# 运营信息
-
-本站点部署于 Vercel
-
-# 此站点的意义
-
-曾几何时，我天真的认为自己的记忆能够记住一切。但随着年龄的增长,我开始发现我已经记不得一些事情了，每天的学习与繁杂的琐事占用我的大量精力。 我开始思考，未来的我,会不会将现在如此美好而又宝贵的校园记忆忘却了?“互联网是有记忆的，互联网会记住一切”我不敢保证此站点还会继续运营下去、托管商不会跑路,
-所以在我这里这句话是并不能完全成立的。人的记忆更是如此,我们的记忆很快会更迭旧事物，慢慢地，我们开始淡忘许多在现在我们见证的事物。“见证者为见证而来，铭记者因铭记而生”本站点同样因铭记而生。我想在未来的我们看来，此网站的许多事物,包括图片、文字，甚至此网站的技术都是“老掉牙的”，但是，你哪怕只有一点点的感到怀念，对于一些往事你开始有了与当年不同的感想,我相信这个站点就是有意义的。
-
-# 更新日志
-
-<change-log />
\ No newline at end of file
diff --git a/src/pages/about.vue b/src/pages/about.vue
new file mode 100644
index 0000000..97a9971
--- /dev/null
+++ b/src/pages/about.vue
@@ -0,0 +1,36 @@
+<template>
+  <section class="text-center">
+    <div class="i-carbon-dicom-overlay text-4xl -mb-6 m-auto" />
+    <h3>关于本站</h3>
+  </section>
+
+  <h1>基本信息</h1>
+  <section class="flex">
+    <p>
+      合肥市南园学校是位于安徽省合肥市包河区的一所公办九年一贯制学校,现分为南校区(初中部)、北校区(小学部)。19 预科 2 班成立于初中校区,由原小学部 2019 届五(2)班改组而成。因本站点未经 19 预科 2
+      班全体师生认可,故无法代表所有 19 预科 2 班师生观点，也不与合肥市南园学校具有从属关系。**若您认为本站点内容 (包括但不限于字体、图片、文字等)侵犯了您的权利，您可以随时使用邮箱(Email:<router-link
+        to="mailto:thehrz@outlook.com"
+      >
+        thehrz@outlook.com
+      </router-link>)联系运营者。**
+    </p>
+
+    <v-img class="w-20%" src="/NanYuanAll.svg" />
+  </section>
+
+  <h1>运营信息</h1>
+
+  <p>本站点部署于 Vercel</p>
+
+  <h1>此站点的意义</h1>
+
+  <p>
+    曾几何时，我天真的认为自己的记忆能够记住一切。但随着年龄的增长,我开始发现我已经记不得一些事情了，每天的学习与繁杂的琐事占用我的大量精力。
+    我开始思考，未来的我,会不会将现在如此美好而又宝贵的校园记忆忘却了?“互联网是有记忆的，互联网会记住一切”我不敢保证此站点还会继续运营下去、托管商不会跑路,
+    所以在我这里这句话是并不能完全成立的。人的记忆更是如此,我们的记忆很快会更迭旧事物，慢慢地，我们开始淡忘许多在现在我们见证的事物。“见证者为见证而来，铭记者因铭记而生”本站点同样因铭记而生。我想在未来的我们看来，此网站的许多事物,包括图片、文字，甚至此网站的技术都是“老掉牙的”，但是，你哪怕只有一点点的感到怀念，对于一些往事你开始有了与当年不同的感想,我相信这个站点就是有意义的。
+  </p>
+
+  <h1>更新日志</h1>
+
+  <change-log />
+</template>