认识Vercel

在上一节课，我们把代码存放到了GitHub上。

今天，我们要用一个超级简单的方法，把它变成一个真正的网站！

认识Vercel

Vercel就像是一个神奇的网站转换器，它能把我们放在GitHub上的代码一键变成可访问的网站。最棒的是：

• 完全免费
• 超级简单，几下点击就能搞定
• 自带网址，不用自己买域名
• 速度飞快，全球都能访问

登录Vercel

打开网页，输入 vercel.com

直接用GitHub账号登录：

1、点击"Continue with GitHub"

2、会跳转到GitHub登录页

3、点击"Authorize Vercel"（授权Vercel） 完成！就是这么简单，连账号密码都不用重新注册。

发布网站

1、导入项目

• 登录后，点击"Add New..."
• 选择"Project"

• 你会看到我们刚才在GitHub上传的项目"nine-grid-tool"
• 点击右边的"Import"（导入）

发布网站

2、一键部署

这是最简单的部分：

• 所有设置保持默认
• 直接点击底部的"Deploy"（部署）按钮

• 等待几秒钟...
• 看到如下图后，你的网站就成功部署成功上线啦！

发布网站

3、访问网站

Vercel会自动给你一个网址，通常是：你的项目名.vercel.app

比如：nine-grid-tool.vercel.app

点击这个网址，恭喜你！你的九宫格工具已经成功上线，全世界都能访问了！

发布网站

4、后续更新

每次你在Cursor中修改完代码并推送到GitHub后：

1. Vercel会自动检测到更新
2. 自动重新部署网站
3. 几秒钟后，你的网站就更新完成了

你什么都不用做，就是这么智能！现在，你不仅学会了编程，还学会了：

1. 把代码放在GitHub上保管
2. 用Vercel发布专业的网站
3. 获得一个属于自己的网址

快把你的网站地址分享给朋友们试用吧！