mirror of
https://github.com/RhenCloud/Cloud-Home.git
synced 2026-01-22 17:39:07 +08:00
RhenCloud
f80e5c0b5a
- 初始化 Vue 3 + Vite 项目结构 - 添加核心组件 (Hero, About, Projects, Friends 等) - 配置页面路由和基础样式 - 添加服务端 API 接口 (邮件发送, 好友请求) - 添加项目配置文件 (vercel.json, vite.config.js)
37 lines
1007 B
Vue
37 lines
1007 B
Vue
<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>
|