docs: 调整首页样式

docs/.vuepress/config.js

@@ -46,25 +46,16 @@ module.exports = {
         link: '/self/',
         items: [
           {
-            text: '关于我',
+            text: '技术栈',
-            link: '/self/'
+            link: '/self/#技术栈'
           },
           {
-            text: '更多信息',
+            text: '获得奖项',
-            items: [
+            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
+pageClass: home-page-class
-heroImage: /logo.png
+---
-heroText: ZiuChen
+
-tagline: Unlimited Progress.
+<div align="center">
-features:
+  <img src="./.vuepress/public/logo.png" />
-- title: 开源作品
+  <h1>ZiuChen</h1>
-  details: Vue3+TypeScript后台管理系统, A-SOUL浏览器宠物, 北交大课程平台功能增强, uTools超级粘贴, 稀土掘金助手...
+  <i>Infinite Progress</i>
-- title: 技术栈
+  <p class="action">
-  details: Javascript, Typescript, C/C++, Python, Vue, React, Node,js, MySQL, Git, ...
+    <a href="/works/">💖 开源作品 | Works</a>
-- title: 相关链接
+    <a href="/self/">😉 个人介绍 | About</a>
-  details: 哔哩哔哩, 稀土掘金, CSDN, Github, Gitee...
+  </p>
-footer: ZiuChen
+</div>
----