feat: 初始化项目

- 初始化 Vue 3 + Vite 项目结构
- 添加核心组件 (Hero, About, Projects, Friends 等)
- 配置页面路由和基础样式
- 添加服务端 API 接口 (邮件发送, 好友请求)
- 添加项目配置文件 (vercel.json, vite.config.js)

src/views/Home.vue

@@ -0,0 +1,36 @@
+<template>
+    <main class="page">
+        <HeroSection :profile="profile" />
+        <SocialLinks :links="socialLinks" />
+        <AboutSection :items="about" />
+    </main>
+</template>
+
+<script setup>
+import { onMounted, reactive } from "vue";
+import HeroSection from "../components/HeroSection.vue";
+import SocialLinks from "../components/SocialLinks.vue";
+import AboutSection from "../components/AboutSection.vue";
+import siteConfig from "../config/siteConfig";
+
+const profile = siteConfig.profile;
+const socialLinks = siteConfig.socialLinks;
+const siteMeta = siteConfig.siteMeta;
+const about = siteConfig.about;
+
+onMounted(() => {
+    document.title = siteMeta.title;
+    const link = document.querySelector("link[rel~='icon']") || document.createElement("link");
+    link.rel = "icon";
+    link.href = siteMeta.icon;
+    document.head.appendChild(link);
+});
+</script>
+
+<style scoped>
+.page {
+    max-width: 1200px;
+    margin: 0 auto;
+    padding: 2rem;
+}
+</style>