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

前言

你是否也曾想过拥有一个自己的个人主页展示自己的项目、作品、简历或者社交账号，但又因为不会前端、不懂部署而迟迟没有动手

我也是！直到我发现了 Cursor —— 一个集成了 AI 编程助手的编辑器，它不仅能写代码，还能帮你不写代码就生成一整个页面，甚至帮你部署上线！

在这篇文章里，我将分享我是如何从 0 开始，用 Cursor 在不到 20 分钟内搞定个人主页的全过程。零代码、零设计、零部署，但效果… 惊艳到我自己！

什么是 Cursor

• Cursor 是一款基于 VS Code 打造的开发工具，但最大特点是集成了 AI（如 GPT-4、Claude、Qwen 等）。
• 它的 AI 辅助可以帮你完成代码生成、页面构建、逻辑实现、甚至部署指令。
• 与普通代码编辑器相比，它更像“代码版 Notion + AI”的结合体。

如何免费白嫖Cursor，并且无线续杯请看这边文章：https://mp.weixin.qq.com/s/ZFB23O8Bll-N60l8p87S_g

我的目标：做一个什么样的个人主页

❝

随着年纪的增长，哈哈哈~~~。我认为简单大方是最高级的美！！！于是就有了下面的想法

• 简单大方的布局+背景
• 一个头像和简单自我介绍
• GitHub、博客的跳转地址和链接
• 技能图标展示(可视化展示)
• 响应式布局
• 自身项目展示

实现的过程

我的话术如下：

❝

现在我希望帮我做一个个人主页，我想部署到服务器上，重点是简单直观，美观，大方。需要有如下内容。 1、自我介绍：比如我是一名练习时长为4年的程序员，主攻java领域，在前端和运维上也有涉及，其中也会使用基础的go和python，喜欢分享知识。需要你帮我润色一下 2、 做一些跳转的，如CSDN、我的个人博客、github，以及做一个弹框扫码微信公众号 基于上面，美观大方，别的内容也可以帮我润色一下

最后根据页面的展示效果进行一步步的微调~~~