docs: 调整首页样式

docs/.vuepress/config.js

@@ -46,25 +46,16 @@ module.exports = {
         link: '/self/',
         items: [
           {
-            text: '关于我',
-            link: '/self/'
+            text: '技术栈',
+            link: '/self/#技术栈'
           },
           {
-            text: '更多信息',
-            items: [
-              {
-                text: '技术栈',
-                link: '/self/#技术栈'
-              },
-              {
-                text: '获得奖项',
-                link: '/self/#获得奖项'
-              },
-              {
-                text: '相关链接',
-                link: '/self/#相关链接'
-              }
-            ]
+            text: '获得奖项',
+            link: '/self/#获得奖项'
+          },
+          {
+            text: '相关链接',
+            link: '/self/#相关链接'
           }
         ]
       }
@@ -75,6 +66,7 @@ module.exports = {
     editLinks: true,
     docsBranch: 'main',
     docsDir: 'docs',
-    lastUpdated: 'Last Updated'
+    lastUpdated: 'Last Updated',
+    smoothScroll: true
   }
 }

docs/.vuepress/styles/index.styl

@@ -0,0 +1,5 @@
+.theme-container.home-page-class {
+  .page-edit {
+    display: none;
+  }
+}

docs/README.md

@@ -1,14 +1,13 @@
 ---
-home: true
-heroImage: /logo.png
-heroText: ZiuChen
-tagline: Unlimited Progress.
-features:
-- title: 开源作品
-  details: Vue3+TypeScript后台管理系统, A-SOUL浏览器宠物, 北交大课程平台功能增强, uTools超级粘贴, 稀土掘金助手...
-- title: 技术栈
-  details: Javascript, Typescript, C/C++, Python, Vue, React, Node,js, MySQL, Git, ...
-- title: 相关链接
-  details: 哔哩哔哩, 稀土掘金, CSDN, Github, Gitee...
-footer: ZiuChen
----
+pageClass: home-page-class
+---
+
+<div align="center">
+  <img src="./.vuepress/public/logo.png" />
+  <h1>ZiuChen</h1>
+  <i>Infinite Progress</i>
+  <p class="action">
+    <a href="/works/">💖 开源作品 | Works</a>
+    <a href="/self/">😉 个人介绍 | About</a>
+  </p>
+</div>