我要投稿

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

发布日期：2025-04-19 14:26:05 浏览次数： 1521 作者：一只牛博

前言

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

我也是！直到我发现了 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，以及做一个弹框扫码微信公众号基于上面，美观大方，别的内容也可以帮我润色一下

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