罗小添 - 个人项目展示站

🚀 项目简介

这是一个专为上位机工程师罗小添设计的个人项目展示网站，专注于展示工业自动化、半导体设备控制和MES系统开发经验。

📋 网站结构

xiaotianluo.github.io/
├── index.html          # 首页 - 个人简介与核心技能概览
├── tech.html           # 核心技术栈 - 详细技术能力介绍
├── projects.html       # 项目经验 - 完整的项目案例展示
├── career.html         # 职业经历 - 工作经历与教育背景
├── about.html          # 关于我 - 个人能力与自我评价
├── contact.html        # 联系我 - 联系方式与在线表单
├── css/
│   └── style.css       # 全局样式文件
├── js/
│   └── main.js         # 交互脚本
└── README.md           # 项目说明

🛠️ 技术栈

前端技术

• HTML5 - 语义化结构
• CSS3 - 响应式设计、动画效果
• JavaScript (ES6+) - 交互功能

设计特色

• 📱 响应式设计 - 完美适配桌面端、平板和手机
• ♿ 无障碍访问 - 支持键盘导航、屏幕阅读器
• 🎨 现代化UI - 采用卡片式布局、渐变背景
• ⚡ 性能优化 - 懒加载、代码分割、缓存策略

SEO优化

• 完整的meta标签
• 结构化数据 (JSON-LD)
• Open Graph协议
• Twitter Card支持

🎯 核心功能

导航系统

• 响应式导航栏
• 下拉菜单支持
• 移动端汉堡菜单
• 平滑滚动锚点

内容展示

• 项目经验分类展示
• 技能标签系统
• 时间线式职业经历
• 联系表单交互

用户体验

• 页面加载动画
• 悬停效果反馈
• 返回顶部按钮
• 表单验证提示

📱 响应式断点

• 桌面端: > 768px
• 平板端: 768px - 480px
• 手机端: < 480px

🚀 部署方式

GitHub Pages

# 1. 推送代码到 GitHub 仓库
git add .
git commit -m "Update personal website"
git push origin main

# 2. 启用 GitHub Pages
# 在仓库 Settings > Pages 中选择 main 分支作为源

访问地址

• GitHub Pages: https://royeLuo333.github.io/
• 备用地址: https://royeLuo333.github.io/xiaotianluo.github.io/

📊 性能指标

• 页面加载时间: < 2秒
• 首次内容绘制: < 1秒
• Lighthouse评分: > 90分

🔧 本地开发

# 克隆项目
git clone https://github.com/royeLuo333/xiaotianluo.github.io.git

# 进入目录
cd xiaotianluo.github.io

# 使用本地服务器运行（推荐）
# Python 3
python -m http.server 8000

# 或使用其他本地服务器
# Node.js: npx serve .
# PHP: php -S localhost:8000

📈 优化建议

性能优化

• 启用Gzip压缩
• 优化图片资源
• 使用CDN加速
• 代码压缩混淆

SEO优化

• 添加meta描述
• 结构化数据标记
• 社交媒体标签
• 网站地图生成

可访问性

• 键盘导航支持
• 屏幕阅读器兼容
• 颜色对比度检查
• 语义化HTML结构

🤝 贡献指南

欢迎提交 Issue 和 Pull Request 来改进这个项目！

📄 许可证

本项目采用 MIT 许可证 - 查看 LICENSE 文件了解详情。

📞 联系方式

• 邮箱: 493190018@qq.com
• 电话: 17830713885
• GitHub: @royeLuo333

---

⭐ 如果这个项目对你有帮助，请给它一个星标！ d:\Program\JHGZ\Person\README.md