欢迎来到 Fuling Chen 的个人主页！这个项目是一次实验性的尝试，通过AI技术帮助作者在几乎没有HTML、CSS和JavaScript基础的情况下创建了一个独特而个性化的个人网站。以下是该项目的详细功能和样式说明：
- 作者没有任何前端开发基础，但通过AI的支持，成功创造了这个网站。
- 展示了技术的学习和尝试，通过AI实现了复杂功能和创意设计。
- 页面加载时引人注目的加载动画，提供清晰的视觉指示。
- 平滑的背景图片轮播为页面增色，切换间呈现出一种连贯的流动感。
- 时钟卡片提供实时的日期和时间显示，搭配一言格言，为用户带来思考或启示。
- 提供深色模式选择，保护用户在夜间浏览时的眼睛，并体现个性化设计。
- 返回顶部和返回底部按钮，方便用户控制页面位置，提供便捷导航体验。
- 展示引人入胜的图片，用户可手动/自动切换，为网页增加视觉多样性。
- 突显作者身份，用户通过头像、姓名和用户名迅速了解作者基本信息，并可进行互动。
- 展示作者低调、热爱简单生活的个性，强调对兴趣爱好和内心平衡的追求。
- 展示作者技术实力和兴趣爱好，简要描述使访问者能迅速了解项目特点。
- 提供更深入了解，包括作者学术背景、联系方式和网站统计信息。
- APlayer 插件呈现出优雅的音乐播放器，用户可在浏览网页时欣赏到作者喜欢的音乐。
- 集成 Twikoo 插件的留言板功能，让用户能留下反馈和评论。
- 渐进式Web应用功能，用户可将网页添加到主屏幕，享受离线缓存等便利。
- 利用busuanzi实现的的网站信息统计功能。
- 兼容不同设备，确保在各种屏幕尺寸下提供良好用户体验。
- 精心设计的加载动画和平滑的过渡效果，创造无缝浏览体验。
- 采用卡片式布局，页面结构清晰，模块之间分隔明确，给用户逻辑井然感。
- 使用自定义头像、网页图标和按钮图标，使页面更个性化和专属。
- 切换背景图片时的过渡效果美化页面，增加整体美感。
- FontAwesome 图标库的运用，赋予页面独特的图标风格，增加层次感。
- 提供浅色和深色模式切换，用户可根据光照环境或个人偏好选择。
- 使用 Meting.js 插件呈现的音乐播放器样式简洁美观，与整体网页风格协调一致。
- Twikoo 插件的集成使留言板呈现简洁清爽的样式，鼓励用户进行互动。
-
克隆项目到本地
git clone https://github.com/0fuling0/home
-
打开
index.html文件，即可在浏览器中查看个人主页。
- HTML
- CSS
- JavaScript
- FontAwesome 图标库
- APlayer 播放器
- Meting.js 音乐插件
- Twikoo 留言板插件
- GPT-3.5（AI辅助）
APlayer 播放器的版权和使用信息详见 APlayer GitHub 仓库。
Meting.js 音乐插件的版权和使用信息详见 Meting.js GitHub 仓库。
Meting.js 音乐插件的版权和使用信息详见 霞鹜文楷 GitHub 仓库。
Twikoo 留言板插件的版权和使用信息详见 Twikoo GitHub 仓库。
FontAwesome 图标库的版权和使用信息详见 FontAwesome 官方网站。
- 电子邮件：[email protected]
- GitHub: 0fuling0
- Bilibili: Fuling Chen
© 2024 Fuling Chen. 保留所有权利。
该项目仅作为个人学习和尝试的实验性作品，不提供任何明示或暗示的担保或保证。作者概不对因使用该项目而造成的任何损失负责。