零代码，用 Cursor 快速打造个人主页，颜值爆表！

零代码搭建个人主页？Cursor 这个新路子太香了

坦白说，从前端小白到部署上线，我一直觉得个人主页这事得花不少功夫。但最近发现了一个叫

的工具，它彻底碘伏了我的认知——不需要写一行代码，就能生成一整个页面，甚至帮你部署好。这篇文章就把全过程拆开揉碎讲给你听，保证看完你也能在20分钟内搞定。

先聊聊 Cursor 是什么

Cursor 本质上就是基于 VS Code 改造的一款编辑器，但它的最大亮点在于深度集成了 AI 能力——GPT-4、Claude、Qwen 等模型直接嵌进工具里。你只需要用自然语言描述需求，它就能帮你生成代码、搭建页面、实现逻辑，甚至直接给出部署指令。

如果拿普通代码编辑器对比，Cursor 更像“代码版的 Notion + AI”，属于那种上手就能用的效率工具。

顺带提一嘴：Cursor 有免费版本，足够日常使用，具体怎么白嫖且无限续杯，网上有不少教程，感兴趣可以自己搜一下。

我的目标：一个简单大方的个人主页

人到了一定阶段，审美会自然往“简”里收。对我而言，简单大方就是最高级的美。所以我给 Cursor 下的需求很明确：

• 布局和背景要简洁清爽
• 加上头像和精炼的自我介绍
• GitHub、博客等社交链接一键跳转
• 技能图标可视化展示
• 响应式布局，手机电脑都能正常看
• 自己的项目展示区域

说白了，就是一张干净的名片，但该有的信息一个都不能少。

实现过程：一句话就启动了

打开 Cursor 后，我用了这样一段话术：

现在请帮我做一个个人主页，我想部署到服务器上。重点是简单直观、美观大方。需要包含：
1. 自我介绍：我是一名练习时长4年的程序员，主攻Ja va，前端和运维也涉及，会基础的Go和Python，喜欢分享知识。请帮我润色一下文本。
2. 跳转链接：CSDN、个人博客、GitHub，再加一个弹框扫码关注微信公众号。
基于以上内容，整体风格以美观大方为主，其他细节你也可以帮我润色。

然后 AI 就开始自动生成页面了。整个过程很快，大概也就一两分钟就出了第一版。当然，细节还需要微调——比如字体大小、颜色搭配、卡片间距这些，我跟它来回沟通了几轮，逐步改到自己满意为止。

从开始到最终能拿得出手的版本，累计不到20分钟。没错，零代码、零设计、零部署，效果却惊艳到自己。

最后生成的页面，不仅有清晰的布局和图标，还内置了社交链接和项目展示模块，直接复制代码就能部署到自己的服务器上。如果你也想拥有一个属于自己的个人主页，但又不想啃前端三件套，Curosr 这条路值得试试。