在当今科技飞速发展的时代，AI 已经深入到我们生活和工作的各个角落，编程领域也不例外。今天就来给大家分享如何借助一款超火的 AI 代码编辑器 —— Cursor，快速开发一个属于你的个人网站。
Cursor 是什么？
Cursor 是去年推出的一款 AI 代码编辑器，凭借其强大的功能迅速走红。它不仅被 AI 领域的大咖们推荐，甚至有人用它教 8 岁的孩子做网站。正如李彦宏所说：“所有的人，只要你会说话，就具备今天的程序员所具备的能力。”
如何开始使用 Cursor？
-
下载与安装
首先，前往 Cursor 官网 下载免费版本并完成安装。启动后，先不用关注复杂的项目结构，直接利用 AI 功能即可。 -
设置中文界面
打开 Cursor，点击扩展应用，搜索并下载中文包。按说明使用ctrl + shift + p调出命令框，输入 “display”，选择 “language” 并点击中文。重启后，界面就会变成中文。 -
创建项目文件夹
新建一个文件夹存放代码。在 Cursor 中点击 “打开一个空文件夹”，选择刚刚创建的文件夹。接着在设置中打开 “features” 并启用 “composer”，这是后续开发的关键功能。
开发个人网站的步骤
1. 整理需求
与 AI（如 claude-3.5-sonnet）沟通，描述你的网站需求。例如，你希望设计一个好看的个人网站，包含照片轮播、社交媒体链接和对话界面。将需求整理后，复制到 Cursor 的 AI 对话界面中。
2. 生成代码
将需求粘贴到 Cursor 的 composer 中，AI 会自动生成代码。点击 “accept” 接受生成的代码。生成的代码可以直接在浏览器中预览，如果出现问题（如页面空白），可以直接与 AI 沟通调整。
3. 添加照片与对话功能
将照片放入 “images” 文件夹，将路径交给 AI，它会自动处理文件分类和路径替换。如果需要实现对话功能，调用 API 接口（如通义千问、Kimi 等），生成相关代码并测试效果。
4. 优化页脚与社交媒体链接
如果默认的社交媒体链接不适用，可以将自己的链接复制过来，并设置悬停效果和跳转功能。
5. 丰富网站内容
在基本框架完成后，可以根据个人需求添加更多内容，如自我介绍、作品集等。会写代码的朋友还可以尝试 Cursor 的代码补全、区域修改等高级功能。
部署与上线
完成开发后，可以通过 GitHub 和 Vercel 一键免费部署：
- 注册一个 GitHub 账号，并新建一个代码仓库。
- 将代码上传到 GitHub 仓库。
- 在 Cursor 官网用 GitHub 账号登录，导入仓库并点击部署。
- 访问生成的链接，网站即上线。
小贴士
如果有自己的域名，可以在部署后修改域名设置，让网站更个性化。
总结
Cursor 是一款简单易用、功能强大的 AI 代码编辑器，它让网站开发变得更加简单。无论你是编程新人还是资深开发者，都可以用它快速实现自己的创意。
赶紧试试吧，期待在评论区看到你的成果！