rebuild: vite

src/views/AboutView.vue

@@ -1,14 +0,0 @@
-<template>
-  <div class="about">
-    <h1>还没做好qwq</h1>
-    <p>正在学习中</p>
-    <router-link to="/">返回首页</router-link>
-  </div>
-</template>
-
-<style scoped>
-.about {
-  text-align: center;
-  padding: 2rem;
-}
-</style>

src/views/Home.vue

@@ -0,0 +1,62 @@
+<template>
+    <div class="container">
+      <h1 class="title">Kisechan</h1>
+      <el-row :gutter="20">
+        <el-col 
+          v-for="(link, index) in links" 
+          :key="index" 
+          :xs="24" :sm="12" :md="8" :lg="6"
+        >
+          <el-card class="link-card">
+            <template #header>
+              <div class="card-header">
+                <el-icon><Link /></el-icon>
+                <span>{{ link.name }}</span>
+              </div>
+            </template>
+            <el-button 
+              type="primary" 
+              @click="openLink(link.url)"
+            >
+              访问网站
+            </el-button>
+          </el-card>
+        </el-col>
+      </el-row>
+    </div>
+  </template>
+  
+  <script setup>
+  import { Link } from '@element-plus/icons-vue'
+  
+  const links = [
+    { name: 'GitHub', url: 'https://github.com' },
+    { name: '博客', url: 'https://zhihu.com' }
+  ]
+  
+  const openLink = (url) => {
+    window.open(url, '_blank')
+  }
+  </script>
+  
+  <style scoped>
+  .container {
+    max-width: 1200px;
+    margin: 0 auto;
+    padding: 20px;
+  }
+  .title {
+    text-align: center;
+    color: #303133;
+    margin-bottom: 30px;
+  }
+  .link-card {
+    margin-bottom: 20px;
+  }
+  .card-header {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    font-weight: bold;
+  }
+  </style>

src/views/HomeView.vue

@@ -1,20 +0,0 @@
-<template>
-  <div class="home">
-    <h1>施工中</h1>
-    <p>这是一个由 DeepSeek 建立的使用 Vue 建立的网站实例</p>
-    <nav>
-      <router-link to="/about">关于</router-link>
-    </nav>
-  </div>
-</template>
-
-<style scoped>
-.home {
-  text-align: center;
-  padding: 2rem;
-}
-nav a {
-  color: #42b983;
-  text-decoration: none;
-}
-</style>