30分钟做出你的个人主页,免费部署上线!

站长
2026年3月25日 · 阅读 391 · 点赞 18

30分钟做出你的个人主页,免费部署上线!

> 在互联网上拥有一个属于自己的"家",比你想的简单得多。

为什么你需要一个个人主页?

  • 求职加分:简历上放个个人网站链接,HR 会另眼相看

  • 个人品牌:展示你的作品、经历、想法

  • 装X利器:朋友问你做什么的,甩一个网址过去
  • 准备工作

    你需要:

  • 一个 GitHub 账号(去 github.com 免费注册)

  • 一个 Vercel 账号(去 vercel.com 用 GitHub 登录即可)

  • Claude Code 或 Cursor(二选一)
  • 第一步:用 AI 生成网页

    打开终端,用 Claude Code:

    mkdir my-homepage
    cd my-homepage
    claude

    跟它说:

    > "帮我创建一个个人主页网站,用 Next.js。包含以下部分:
    > 1. 顶部大 banner,有我的名字和一句个性签名
    > 2. 关于我的简介
    > 3. 我的技能/兴趣标签云
    > 4. 作品展示区(先放3个占位卡片)
    > 5. 联系方式(邮箱、微信二维码占位)
    > 6. 深色主题,科技感风格,要有微动画效果
    > 请帮我初始化完整项目,直接能跑。"

    等它生成完,运行:

    npm install
    npm run dev

    打开浏览器访问 http://localhost:3000,你的个人主页就出来了!

    第二步:修改成你自己的信息

    继续跟 AI 说:

    > "把名字改成[你的名字],签名改成'用 AI 改变世界',简介写:一个热爱探索新技术的创造者。技能标签加上:AI、产品设计、内容创作、Python、摄影。"

    不满意随时可以继续调整:

  • "配色换成蓝紫渐变"

  • "字体换成更有设计感的"

  • "加个鼠标跟随的粒子效果"
  • 第三步:部署到 Vercel(免费!)

  • 先把代码推到 GitHub:
  • 跟 Claude Code 说:
    > "帮我初始化 git 仓库,创建 .gitignore,然后告诉我怎么推到 GitHub。"

  • 打开 vercel.com,点 "New Project"

  • 导入你刚才的 GitHub 仓库

  • 点 "Deploy"
  • 等1分钟,Vercel 会给你一个免费的网址,类似 your-name.vercel.app

    你的个人主页正式上线了!

    第四步(可选):绑定自己的域名

    如果你有自己的域名(没有的话在阿里云或 Cloudflare 花几十块买一个),在 Vercel 里点 "Settings > Domains",添加你的域名,按提示配置 DNS 就行。

    后续维护

    以后想改内容怎么办?

  • 在本地用 Cursor 打开项目

  • 跟 AI 说要改什么

  • 改完推到 GitHub

  • Vercel 自动部署更新
  • 就这么简单,改一次不到5分钟

    灵感参考

    你的个人主页可以是:

  • 一个简洁的在线简历

  • 一个作品集展示

  • 一个个人博客

  • 一个链接聚合页(类似 Linktree)
  • 选一个你喜欢的方向,跟 AI 描述清楚就行。

    别犹豫了,30分钟后你就有自己的个人网站了。

    站长
    人人都是程序员,站长