个人主页系统

基于Neumorphism设计的现代化个人展示系统

✨ 特性

• 🎨 新拟物设计 - 采用现代Neumorphism设计风格
• 📱 响应式布局 - 完美适配各种设备屏幕
• 🎯 模块化结构 - 清晰的组件划分与布局
• 🌈 视觉体验 - 细腻的光影过渡效果
• 🔐 个人展示 - 全方位的个人信息展示
• 📦 即插即用 - 快速部署与内容修改

🚀 技术栈

• HTML5
• CSS3
• Remix Icon 2.5.0
• 响应式设计
• Neumorphism风格

📋 功能模块

1. 个人简介

• 专业的头像展示
• 职业信息描述
• 个性化简介
• 响应式布局适配

2. 联系方式

• 邮箱联系方式
• GitHub主页链接
• 个人网站展示
• 社交媒体账号

3. 技能展示

前端技能

• HTML5/CSS3
• JavaScript
• Vue.js
• 动态进度条展示

后端技能

• PHP
• Golang
• Node.js
• 技能熟练度可视化

数据库技能

• MySQL
• Redis
• JSON
• 专业度量化展示

4. 项目经验

• 项目名称与描述
• 技术栈标签
• 项目详情展示
• 成果展示链接

5. 旗下网站

• 网站分类展示
• 直观的访问入口
• 项目类型标签
• 实时运营状态

🌟 设计特点

1. 新拟物风格设计

   • 精致的阴影效果
   • 立体感卡片设计
   • 统一的视觉风格
   • 细腻的光影过渡

2. 响应式布局

   • 多设备屏幕适配
   • 流畅的网格系统
   • 移动端优化
   • 自适应内容排版

3. 交互体验

   • 平滑的动画效果
   • 直观的操作反馈
   • 清晰的视觉层次
   • 舒适的阅读体验

📦 使用指南

快速开始

1. 克隆项目文件
2. 修改个人信息
3. 部署到Web服务器

内容定制

• 更新个人信息
• 修改技能数据
• 添加项目展示
• 自定义联系方式

样式调整

• 修改主题颜色
• 调整卡片样式
• 自定义动画效果
• 优化移动端显示

🔧 后续优化

功能扩展

• 深色模式支持
• 多语言切换
• 博客系统集成
• 在线简历导出

性能优化

• 资源加载优化
• 响应速度提升
• 代码精简优化
• 兼容性完善

📄 开源协议

本项目采用 MIT 协议开源，使用时请遵守开源协议。