HomePage-Haze（微岚主页）

一个简洁、美观、具有特色功能的纯静态个人主页。使用 HTML+CSS+JavaScript 开发。

阅读代码前提示

在本项目中，可能会有以下现象，包括但不限于：

• 书写潦草
• 注释奇怪
• 风格不同
• 逻辑混乱

等诸多情况。

当然，如果有任何建议或指正，也欢迎提 Issue 或 PR，我会虚心接受（但可能改不动或者根本没时间改qwq ....）。

特色功能

1. 方块加载动画以及遮罩层拉扯效果
2. 现代化的毛玻璃背景
3. 鼠标移动到卡片上的视差效果
4. 获得焦点时的头像旋转
5. 搜索栏打字机效果
6. 鼠标涟漪波纹和粒子效果
7. 页脚时间统计功能以及每日一言
8. 统一独立配置文件，开箱即用轻松自定义

已知Bug

• 当页面处于加载的时候，左右遮罩层中间可能会有一道难以察觉的细线
• 在使用部分移动端设备访问时，底部版权提示信息可能会与主卡片重叠（已完成！q(≧▽≦q)）

远景规划

1. 修复已知 Bug
2. 鼠标样式修改
3. 使用相同的风格添加“友链”等其他子页面
4. 添加后端
5. 完善 404 页面
6. 添加留言板
7. 完善页脚功能，一言，统计时间（已完成！q(≧▽≦q)）
8. 添加惯性滚动功能
9. 添加浅色/深色模式自动切换功能
10. 添加还有其他我没想到的功能

自定义配置

本项目现已支持统一配置文件 ，只需编辑 js/config.js 文件即可：

• 站点信息：网站标题、SEO 描述、Favicon 图标、全屏背景壁纸
• 个人卡片：头像、站长昵称、开屏加载文案、副标题打字机格言
• 社交媒体：自由增减 GitHub、Twitter、Bilibili、邮箱等社交图标
• 快捷按钮：自由配置博客、友链、RSS、网盘等卡片跳转按钮
• 页脚与统计：建站起始时间（自动计算运行天数）、异次元之旅、ICP 备案、备用站、版权归属（年份支持自动跟随当前年份）

详细配置项及格式说明请直接查阅 js/config.js 文件内部的详细中文注释。

依赖

• Font Awesome 6（图标）
• Google Fonts（思源宋体）
• yiyan api（一言api）

许可证

GPL-3.0 license © Leapan

贡献

如果你觉得哪里可以改进，欢迎提 Issue 或 PR，或者直接使用邮箱联系我：lp-gardenwalk(at)outlook(dot)com

Thanks

• 开屏遮罩动画（Tilt-Animation.js）参照 https://github.com/imsyy/home （ https://www.imsyy.top/ ）的设计
• MainCard 参照 https://github.com/StarnekOvO/myself-ghpage （ https://starneko.com/ ）的设计
• 感谢 oldplum 对本项目的许多支持与贡献
• Font Awesome 6 CDN 由 https://www.zstatic.net/ 提供

补充

点点Star谢谢喵(/▽＼)

咱是笨蛋喵