30分钟做出你的个人主页,免费部署上线!
> 在互联网上拥有一个属于自己的"家",比你想的简单得多。
为什么你需要一个个人主页?
准备工作
你需要:
第一步:用 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(免费!)
跟 Claude Code 说:
> "帮我初始化 git 仓库,创建 .gitignore,然后告诉我怎么推到 GitHub。"
等1分钟,Vercel 会给你一个免费的网址,类似 your-name.vercel.app。
你的个人主页正式上线了!
第四步(可选):绑定自己的域名
如果你有自己的域名(没有的话在阿里云或 Cloudflare 花几十块买一个),在 Vercel 里点 "Settings > Domains",添加你的域名,按提示配置 DNS 就行。
后续维护
以后想改内容怎么办?
就这么简单,改一次不到5分钟。
灵感参考
你的个人主页可以是:
选一个你喜欢的方向,跟 AI 描述清楚就行。
别犹豫了,30分钟后你就有自己的个人网站了。