网站构建工具

一个通过 Chrome DevTools MCP Workshop 创建的网站构建工具,用于展示如何使用 AI 助手通过 Model Context Protocol 来构建和部署网站。

  • by Stoic42
  • HTML
  • 本地部署
  • 更新于
在 GitHub 查看 Stoic42/devtools-mcp-workshop

使用说明

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 - 网站样式文件

部署说明

  1. 在 GitHub 上创建一个新仓库
  2. 将代码推送到仓库的 main 分支
  3. 在仓库设置中启用 GitHub Pages,选择 GitHub Actions 作为部署源
  4. 推送代码后,GitHub Actions 会自动部署网站

访问网站

部署成功后,你可以通过以下 URL 访问网站: https://你的GitHub用户名.github.io/仓库名/

技术栈

  • HTML5
  • CSS3
  • GitHub Pages
  • GitHub Actions

许可证

MIT License