feat:fresh hero page | add:about.md

Author: Mengbooo

docs/.vitepress/config.js

@@ -1,21 +1,33 @@
 const base = "/GuideBook/";
+const url = "https://blog.bingyan.net/GuideBook/";
 export default {
-    base,
+  base,
   // 站点级选项
   title: "GuideBook", // 网站标题
   description: "冰岩作坊招新指南", // 网站描述
 
   themeConfig: {
+    footer: {
+      message:
+        'Built on <a href="https://vitepress.dev/zh/" target="_blank"> VitePress </a>.',
+      copyright:
+        'Copyright © 2025-present <a href="https://github.com/BingyanStudio" target="_blank"> Bingyan Studio </a>.',
+    },
     search: {
       provider: "local",
     },
     head: [
       // 配置网站的图标（显示在浏览器的 tab 上）
-      ["link", { rel: "icon", href: `/${base}favicon.ico` }],
+      ["link", { rel: "icon", href: `${url}favicon.ico`}],
     ],
     logo: "logo.png",
     // 主题级选项
-    nav: [],
-    sidebar: {},
+    nav: [
+      { text: "主页", link: "/" },
+      { text: "文档", link: "/post/about" },
+    ],
+    sidebar: [
+      { text: "关于", link: "/post/about" },
+    ],
   },
 };

docs/.vitepress/theme/style/var.css

@@ -2,19 +2,19 @@
     --vp-home-hero-name-color: transparent;
     --vp-home-hero-name-background: -webkit-linear-gradient(
       120deg,
-      #eb4200 30%,
+      #fd723c 30%,
       #f7a902
     );
 
-    --vp-home-hero-image-background-image: linear-gradient(
+    /* --vp-home-hero-image-background-image: linear-gradient(
       -45deg,
-      #b8b8b8 50%,
-      #575757 50%
-    );
+      #1e1e1e 50%,
+      #5b5b5b 50%
+    ); */
     --vp-home-hero-image-filter: blur(44px);
 
     --vp-c-brand-1: #fd951e;
     --vp-c-brand-2: #fd951e;
     --vp-c-brand-3: #fd951e;
   }
-  
+  

docs/index.md

@@ -10,21 +10,51 @@ hero:
   actions:
     - theme: brand
       text: 文档
-      link: /doc
+      link: /post/about
     - theme: alt
       text: Github
       link: https://github.com/BingyanStudio
+      
 features:
-  - icon: 🛠️
-    title: aaaaa
-    details: aaaaaa
-    link: /doc
-    linkText: aa
-  - icon: ⚡️
-    title: b
-    details: bbbbbb
-  - icon: 🌞
-    title: c
-    details: ccccc
+  - icon: 🧊
+    title: 关于冰岩作坊
+    details: 冰岩作坊，你的互联网大学。
+    link: /post/about
+    linkText: about
+  - icon: 🕹️
+    title: 游戏组
+    details: 致力于游戏设计以及游戏开发，希望创造出有趣、富有创意和引人入胜的游戏，为玩家带来全新的游戏体验
+    link: /game
+    linkText: game
+  - icon: 🐳
+    title: 前端组
+    details: 负责 Web 前端的开发，追求卓越的用户体验、高效的开发流程与精美的界面实现。
+    link: /frontend
+    linkText: frontend
+  - icon: 😶‍🌫️
+    title: 后端组
+    details: 负责 Web 后端的开发、部署与运维工作，追求稳定的服务、高效的开发与优雅的实现
+    link: /backend
+    linkText: backend
+  - icon: 📱
+    title: 客户端组
+    details: 负责移动端 App 的开发、设计与后期维护工作。追求优雅的交互体验与简洁高效的 UI 设计
+    link: /mobile
+    linkText: mobile
+  - icon: 🧣
+    title: 运营组
+    details: 在微信、QQ、B站等不同平台产出创意内容，负责团队产品的推广和运营
+    link: /operation
+    linkText: operation
+  - icon: 🎨
+    title: 设计组
+    details: 负责团队内部的 UI 设计与平面设计，追求优秀的审美与精巧且以用户为中心的设计作品
+    link: /design
+    linkText: design
+  - icon: 🛞
+    title: 产品组
+    details: 从发掘并分析需求、产出产品原型到推进项目进度，从负责产品冷启动、参与产品运营到跟进产品更新迭代，负责产品的全生命周期管理
+    link: /product
+    linkText: product
 ---
 

docs/post/about.md

@@ -0,0 +1,16 @@
+# 关于
+
+冰岩作坊入门指南旨在让读者能够迅速知悉各个小组的业务领域和发展方向，助力你快速了解我们的整体情况。此外，本社的招新考核在很大程度上与入门指北的内容紧密相关，请务必认真研读。
+
+此外，如果你对报名加入冰岩作坊不感兴趣，或者未能通过考核，这份入门指北也能够为你提供帮助，让你对互联网行业及其对应方向有更清晰的认知。
+
+### 关于冰岩作坊
+<!-- 华科官网复制的 -->
+冰岩作坊是华中科技大学以产品为导向的互联网创新学生团队，立足校园场景，致力于做出更好、更受喜爱的、服务师生的互联网产品。冰岩作坊成立于1999年，得名于创始人汪海兵的网名“冰岩”，前身为华中大在线。
+
+二十多年来，冰岩作坊以华中大在线为平台，开发了全国首个招新H5、HUSTer爱选修、HUST熊猫车、森林云相馆、跳蚤市场、BBHust等数百个贴近师生的校园互联网产品。单个产品日浏览量达到380万，服务用户数超2400万人。这些产品不仅受到校内师生的一致好评，也引起了校外用户和媒体的广泛关注。
+
+团队参考互联网公司的优秀管理模式，并根据自身情况加以调整，将内部成员分为七个组别，即产品、运营、设计、前端、后端、客户端、游戏七个方向，形成了比较完整成熟的产品链路。
+
+团队同全国多个高校互联网组织建立了友好合作关系。移动互联网走向成熟，互联网时代的早期红利逐渐消失，冰岩人的未来充满了未知的挑战。每一个冰岩人都将不断前行，为了更美好的互联网未来拼搏。
+

package.json

@@ -3,6 +3,7 @@
   "version": "1.0.0",
   "description": "",
   "main": "index.js",
+  "type":"module",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
     "dev": "vitepress dev docs",