本文更新于: 2024年6月18日
AOO喵前言:一个开源的个人主页模板,可以通过 Github Actions 来进行自动构建。支持 载入动画、站点简介、一言、日期时间、实时天气、时光进度条、音乐播放器 等功能。
源码简介
無名の主页是一个开源的个人主页模板项目,它在 GitHub 上受到社区的欢迎和使用。提供优雅的个人主页模板,适用于创建个人网站。这是一个开源项目,允许用户通过 GitHub Actions 实现自动构建,简化了部署和更新流程。
截图
功能
- 载入动画:提供动态的加载效果,增强用户访问时的体验。
- 站点简介:允许用户添加对自己网站的简短介绍。
- Hitokoto 一言:展示随机的一句话,通常为名言或格言。
- 日期及时间:显示当前的日期和时间。
- 实时天气:根据用户位置显示实时天气信息。
- 时光进度条:显示一年中的时间和日期进度。
- 音乐播放器:集成音乐播放器,用户可以播放音乐。
- 移动端适配:确保主页在移动设备上也能良好显示。
部署
- 自动部署:利用 GitHub Actions 进行自动构建和部署。
- 手动部署:提供详细的安装和构建指南,包括使用 Node.js 环境和 npm。
- Docker 部署:提供 Dockerfile,方便用户通过 Docker 进行部署。
- Vercel 部署:支持一键导入和自动部署到 Vercel 等托管平台。
定制
- 用户可以在
src/assets/siteLinks.json
中自定义网站链接。 - 在
src/assets/socialLinks.json
中自定义社交链接。 - 通过修改
.env
文件中的配置来定制音乐播放器和天气信息。
技术栈
- 使用了 Vue、Vite、Pinia 等前端技术。
- 集成了 IconPark、xicons 等图标库。
- 使用 Aplayer 作为音乐播放器。
源码下载
演示:https://www.imsyy.top/
源码:https://github.com/imsyy/home
声明:本站为个人非盈利博客,资源均网络收集且免费分享无限制,无需登录。资源仅供测试学习,请于24小时内删除,任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集。请支持正版!如若侵犯了您的合法权益,可联系我们处理。