一个好看且开源的个人主页源码

项目背景

这个主页最初作者只是学习前端时做的小练习，没想到突然被很多人关注到了。其实代码写得比较乱（毕竟是新手作品）。

被人拿去倒卖，导致很多不明真相的朋友通过代码里的联系方式来找我问问题…现在因为作者的个人原因，决定把这个项目存档暂停维护了。

项目特色

• 酷炫开场动画

• 简洁的个人介绍模块

• 随机”一言”语录

• 实时时间和日期

• 动态天气显示

• 年度进度条

• 音乐播放器（支持网易云歌单）

• 手机电脑都能看

快速体验

可以看看我搭建好的：https://www.vmccc.com/

最新效果可能需要按Ctrl+F5强制刷新浏览器

搭建指南

▌懒人方法：

开源地址：https://github.com/imsyy/home

1. 点击Github右上角Fork这个项目

2. 去GitHub的Actions页面开启自动构建

3. 随便改点东西就会自动打包成网站文件

▌常规方法：

需要先安装Node.js环境

在项目文件夹里运行：npm安装 → pnpm安装 → pnpm dev试运行 → pnpm build打包

▌其他方式：

还支持Docker部署和Vercel一键部署哦！当然也支持宝塔部署。

个性化设置

• 网站链接：改/siteLinks.json文件

• 社交账号：改/socialLinks.json文件

• 天气：需要申请高德地图API key

• 音乐：修改.env文件里的歌单ID

• 背景图：替换/public/images里的图片

技术说明

用了Vue3全家桶 + 各种炫酷组件

天气和音乐都是调用现成API实现的

PS：如果遇到字体显示问题，记得更新字体链接哦~

如果有小伙伴不会搭建的可以认真看一下这个项目的教程！

如果不懂也可以滴滴我QQ&微信:1024078948 有偿搭建 哈哈~