Chrome DevTools MCP Server 网站

Google DevFest Workshop 网站

这是记录我参加 Google DevFest Workshop 的活动官网，本次 Workshop 的主题是 Chrome DevTools MCP Server。

网站结构

• 首页 (index.html): Workshop 总体信息展示
• GDG & DevFest (gdg-devfest.html): 介绍 Google Developer Groups 和 DevFest 活动
• DevTools MCP (devtools-mcp.html): 详细介绍 Chrome DevTools MCP Server
• 关于我 (about.html): 参与者个人信息介绍

技术栈

• HTML5
• CSS3 (响应式设计)
• JavaScript (原生)
• GitHub Pages 部署

本地开发

1. 克隆仓库

git clone [仓库地址]
cd devfest-workshop

2. 本地预览

可以直接用浏览器打开 index.html 文件，或者使用本地服务器：

# 使用 Python
python -m http.server 8000

# 或使用 Node.js
npx http-server

然后访问 http://localhost:8000

部署

网站使用 GitHub Actions 自动部署到 GitHub Pages。当代码推送到 main 或 master 分支时，会自动触发部署流程。

手动触发部署

也可以在 GitHub Actions 页面手动触发部署工作流。

自定义内容

请编辑以下文件来自定义网站内容：

• index.html - 首页内容
• gdg-devfest.html - GDG 和 DevFest 介绍
• devtools-mcp.html - DevTools MCP 介绍
• about.html - 个人信息（需要填写您的姓名、职业、兴趣爱好和联系方式）
• styles.css - 网站样式

许可证

MIT License