我第一次用 Cursor 做网站，卡在"部署上线"那一步整整一下午，最后发现是路径里少了一个点。这篇不跟你讲概念，就按我自己实际跑通的路来：从装环境到别人能打开你的网址，每一步都给你能直接复制的提示词和命令，再把我踩过的坑连报错原文一起摊开。按这篇走，两三个小时，你就能有一个真正能访问的网站。
#Cursor #AI做网站 #零基础建站 #部署上线 #个人网站
先说个常见疑问：现在不是有"说句话就出网站"的工具吗？我用过，它适合做演示、做原型。但你想改个按钮颜色、加个表单、接个支付，它往往改不动，数据也导不出来，最后等于白做。Cursor 是直接帮你写代码，你拿到的是真正的项目文件，今天加功能、明天换样式都能继续改。你要做的，是学会操作，不是学会编程。
开工前先备好这 5 样，全程成本 0 元：
1. Cursor 编辑器，官网免费下载
2. Node.js LTS 版，官网下载
3. Git，官网下载
4. 一个 GitHub 账号，免费注册
5. 2 到 3 小时不被打断的时间
第 1 步：装环境，装完必须验证
Cursor 一路下一步装完。Node 装完先别急着用，打开终端（Mac 用终端，Windows 用 PowerShell），输入：
node -v
npm -v
两行都返回版本号（比如 v20.x 开头），环境就对了，直接进第 2 步。
坑 1：提示"node 不是内部或外部命令"，多半是装完没重启终端，PATH 还没生效。重开一次终端就好，不用去改环境变量。
坑 2：官网给两个版本，选 LTS（稳定版），别选 Current。
第 2 步：一段提示词，让 Cursor 生成首页
打开 Cursor，新建一个文件夹，再新建 index.html 和 style.css 两个空文件。按 Command+I（Windows 是 Ctrl+I）打开对话，把下面这段提示词整段粘贴进去：
请帮我做一个个人主页网站，用纯 HTML + CSS：
1. 顶部导航：主页、作品、关于我，三个链接
2. 首页要有：姓名、一句话简介、头像占位、3 个作品卡片
3. 每个作品卡片含标题和一句话描述
4. 配色：深色背景 #141416，主色青绿 #00E0C0，正文浅灰
5. 底部留联系方式占位区
6. 必须响应式：手机上看不溢出、不串行
7. 只写 index.html 和 style.css，代码保持简洁
它会直接生成两个文件。坑：生成的结构不对（比如卡片挤成一团），别重新说需求，补一句"作品卡片改成一行三个，手机上自动变一行一个"，它只改这一处，不会推倒重来。
第 3 步：本地预览，小步微调
在 Cursor 里按 F5（或点右上角 Run），它会起本地预览，浏览器里就能看到页面。想改哪块，先选中那段代码，再按 Command+K（Windows 是 Ctrl+K），输入指令，比如"把这个按钮改成圆角""卡片间距再大一点"。它只改你选中的区域，比整篇让 AI 改稳得多。
坑：页面中文变成乱码，十有八九是文件编码问题。右下角把编码改成 UTF-8，重新保存再预览就好了。
第 4 步：接 Git，做一点提交一点
在终端里进入项目文件夹，依次执行：
git init
git add .
git commit -m "第一个版本"
每改完一轮就再提交一次。真改崩了，执行 git checkout . 就能退回上一个版本。
坑：很多人等全做完才提交，一崩全没了。做一步、提交一步，是最便宜的安全网。
第 5 步：部署，让别人打开你的网址
注册 GitHub，新建一个仓库，名字随意（比如 my-site）。终端执行：
git remote add origin https://github.com/你的用户名/my-site.git
git push -u origin main
然后打开 vercel.com，用 GitHub 账号登录，点 Add New Project，选刚才那个仓库，点 Deploy。一两分钟，它给你一个 https 开头的网址，发给任何人都能打开。以后每次 git push，Vercel 都会自动重新部署。
坑 1：部署完白屏。九成是图片或资源用了绝对路径（比如 /image.png），改成相对路径（image.png 或 ./image.png），重新提交，等它自动重部署。
坑 2：打开 404。先确认仓库根目录里确实有 index.html，且文件名大小写都对。
上面 5 个是我和身边人反复踩的，遇到别的报错，先把报错原文复制下来再搜，比搜症状描述准得多。
时间账，给你一个预期
第一次走完这套流程，2 到 3 小时；第二次 40 分钟；第三次 20 分钟。熟练以后，你就能帮别人做站，一单几百到几千，这就接上了变现。
这就是我做第一个网站踩出来的完整路径。你先别管好不好看，让网站先活着，再谈优化。卡在哪一步，把报错原文贴在评论区，我每条都看，帮你一起定位。
想再系统一点，这篇能照着走：
#AI编程
不会代码也能跟做，模板直接复制。
智能体不是概念，是已经能上岗的工具。
注：工具界面与命令基于 2026 年 8 月版本，界面变动以官方为准。
关于作者
叶蔚卿，90 后，穿梭互联网二十年，团广网创始人，现从事 AI 领域工作。写 AI 教程、打磨提示词，把复杂的 AI 变成能上手的活儿。关注我，跟一个从业者把技术真正用出结果。
本公众号专注解读技术与文明博弈，带你见证数字世界的全新纪元。
我是叶蔚卿，一个在牌桌上试错、把技术写成能上手活儿的人。
如果这类内容对你有用，☆ 欢迎关注并星标「砚数」