Chrome DevTools MCP Workshop Website
这是一个通过 Chrome DevTools MCP Workshop 创建的网站,展示了如何使用 AI 助手通过 Model Context Protocol 来构建和部署网站。
网站结构
- index.html - 首页,展示 Workshop 的总体信息
- gdg-devfest.html - 介绍 GDG 和 DevFest
- devtools-mcp.html - 介绍 Chrome DevTools MCP
- about-me.html - 个人介绍页面
- styles.css - 网站样式文件
部署说明
- 在 GitHub 上创建一个新仓库
- 将代码推送到仓库的
main分支 - 在仓库设置中启用 GitHub Pages,选择 GitHub Actions 作为部署源
- 推送代码后,GitHub Actions 会自动部署网站
访问网站
部署成功后,你可以通过以下 URL 访问网站: https://你的GitHub用户名.github.io/仓库名/
技术栈
- HTML5
- CSS3
- GitHub Pages
- GitHub Actions
许可证
MIT License
