响应式网站生成器

我的DevFest之旅2025

一个漂亮、响应迅速的多页面网站，展示了我在谷歌DevFest 2025和Chrome DevTools MCP Server研讨会上的经历。

🌟 特性

• 响应式设计：针对移动设备、平板电脑和台式机设备进行了全面优化
• 多页导航：主页、GDG&DevFest、Chrome DevTools MCP和About Me页面之间的平滑过渡
• 现代用户界面：美丽的渐变设计，带有动画和悬停效果
• 移动优先：汉堡菜单和触摸友好的互动

📱 页面

1. 家：欢迎页面，包括概述和主要亮点
2. GDG&DevFest：有关Google开发者小组和DevFest活动的信息
3. Chrome开发工具MCP：有关Chrome DevTools MCP服务器集成的详细信息
4. 关于我：个人旅程和目标

🚀 部署

此网站使用GitHub Actions自动部署到GitHub Pages。

如何部署

1. 推送到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
   

2. 启用GitHub页面:

   • 转到存储库设置
   • 向下滚动到“页面”部分
   • 在“源代码”下，选择“GitHub操作”
   • 工作流将自动部署您的站点

3. 访问您的网站:

   • 部署后，您的站点将在以下位置可用： 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服务器研讨会
• 谷歌开发者组社区