我的DevFest之旅2025
一个漂亮、响应迅速的多页面网站，展示了我在谷歌DevFest 2025和Chrome DevTools MCP Server研讨会上的经历。
🌟 特性
- 响应式设计：针对移动设备、平板电脑和台式机设备进行了全面优化
- 多页导航：主页、GDG&DevFest、Chrome DevTools MCP和About Me页面之间的平滑过渡
- 现代用户界面：美丽的渐变设计，带有动画和悬停效果
- 移动优先：汉堡菜单和触摸友好的互动
📱 页面
- 家：欢迎页面，包括概述和主要亮点
- GDG&DevFest：有关Google开发者小组和DevFest活动的信息
- Chrome开发工具MCP：有关Chrome DevTools MCP服务器集成的详细信息
- 关于我：个人旅程和目标
🚀 部署
此网站使用GitHub Actions自动部署到GitHub Pages。
如何部署
- 推送到GitHub:
git init
git add .
git commit -m "Initial commit"
git branch -M main
git remote add origin https://github.com/YOUR_USERNAME/YOUR_REPO.git
git push -u origin main- 启用GitHub页面:
- 转到存储库设置 - 向下滚动到“页面”部分 - 在“源代码”下，选择“GitHub操作” - 工作流将自动部署您的站点
- 访问您的网站:
- 部署后，您的站点将在以下位置可用： https://YOUR_USERNAME.github.io/YOUR_REPO/
手动部署
如果您更喜欢手动部署：
- 转到“设置”→ Pages
- 选择“从分支部署”
- 选择
main分支和/root文件夹 - 点击“保存”
📝 定制
更新内容
编辑 index.html 个性化：
- 首页：更新英雄部分和统计数据
- GDG页面：自定义Google开发者组信息
- MCP页面：修改Chrome DevTools MCP详细信息
- 关于我：添加您的个人信息、目标和兴趣
修改颜色
该网站使用谷歌的品牌颜色。你可以在CSS中修改它们：
- 主坡度：
linear-gradient(135deg, #4285f4 0%, #ea4335 100%) - 更新颜色
nav,.hero,.section-header等等。
🛠️ 地方发展
只需打开 index.html 在您的网络浏览器中或使用本地服务器：
# Using Python
python -m http.server 8000
# Using Node.js
npx http-server
# Using PHP
php -S localhost:8000然后访问 http://localhost:8000
📄 许可证
这个项目是开源的，可供个人或教育使用。
🙏 致谢
- 专为2025年谷歌DevFest打造
- Chrome DevTools MCP服务器研讨会
- 谷歌开发者组社区