【源码】基于Vue和Vite的匿名主页系统

项目简介

本项目是基于Vue和Vite框架构建的匿名主页系统，拥有简洁界面与丰富功能。提供日期时间显示、实时天气、音乐播放等实用功能，并且支持移动端适配。

项目的主要特性和功能

1. 视觉与交互：有载入动画提升等待体验，支持移动端适配保证不同设备完美显示。
2. 信息展示：可显示站点简介、Hitokoto一言、日期及时间、实时天气和时光进度条。
3. 娱乐功能：集成音乐播放器，支持快速自定义歌单。
4. 个性化定制：能自定义网站链接、社交链接、网站背景和网站图标。

安装使用步骤

环境准备

确保已安装Node.js（版本 > 16.16.0）和npm（版本 > 8.15.0）。

安装依赖

以管理员权限运行cmd终端，cd到项目根目录，执行以下命令： ```bash npm install -g pnpm

pnpm install ```

预览与构建

```bash pnpm dev

pnpm build `` 构建完成后，静态资源会在dist目录中生成，可将dist文件夹下的文件上传至服务器，也可使用Vercel`等托管平台一键导入并自动部署。

其他部署方式

• 自动部署：成功fork仓库后，前往Actions页面开启，在仓库中进行任意修改后会触发工作流，完成后会生成可供下载的压缩包，将其上传至服务器即可。
• Docker部署： bash docker build -t home . docker run -p 12445:12445 -d home

配置相关信息

• 天气：前往高德开放平台控制台创建一个Web 服务类型的Key，并将Key填入.env中的VITE_WEATHER_KEY中。
• 音乐：在.env文件中更改歌曲相关参数实现自定义歌单列表： bash VITE_SONG_API = "https://api-meting.imsyy.top" VITE_SONG_SERVER = "netease" VITE_SONG_TYPE = "playlist" VITE_SONG_ID = "7452421335"
• 字体：由于本站CDN已开启防盗链，需将字体引入链接更改为https://s1.hdslb.com/bfs/static/jinkela/long/font/regular.css，否则自定义字体将失效。
• 网站链接和社交链接：分别在src/assets/siteLinks.json和src/assets/socialLinks.json中自定义。
• 网站背景和图标：网站背景可在public/images中修改，若添加更多本地图片，需按规则重命名并在src/components/Background/index.vue中修改；网站图标可在public/images/icon中修改。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】