【春节加更】不写一行代码,我用AI对话做了一个网站

【春节加更】不写一行代码,我用AI对话做了一个网站

12分钟 ·
播放数28
·
评论数0

🎙️ 本期节目:不写一行代码,我用AI对话做了一个个人网站

一个完全不会写代码的游戏PM,用 AI 从零搭建个人品牌网站的完整过程。从需求分析、设计迭代、零代码开发到部署上线,全程跟 AI 对话完成,总成本约 1000 元。

🔗 最终效果

pmnote.ai

🛠️ 用到的工具

  • AI 对话工具:需求分析、域名选择、页面设计、生成 HTML 原型
  • Lovable(lovable.dev):零代码生成 React 网站项目
  • GitHub:代码托管,连接 Lovable 和 Netlify
  • Netlify(netlify.com):免费静态网站托管,自动签发 SSL 证书
  • Dynadot(dynadot.com):域名购买,支持支付宝
  • dnschecker.org:验证 DNS 全球生效

💰 成本

  • 域名 pmnote.ai(2年):约 ¥1000
  • 其余工具全部免费
  • 后续域名续费约 ¥500/年

🔥 核心内容

  1. 为什么要做个人网站:解决内容入口分散的问题
  2. 域名决策:为什么只做一个、为什么选 pmnote.ai
  3. 设计迭代:从粉色柔和风到深色专业风,三版迭代全靠 AI 对话
  4. 零代码开发:用 Lovable 一次性生成完整网站
  5. 免费部署:GitHub + Netlify 长期零成本托管
  6. 踩坑实录:Dynadot 域名停放干扰、部署白屏、浏览器缓存
  7. 稳定性保障:锁定自动部署

⚠️ 避坑要点

  • Dynadot 买的域名,直接用 Netlify DNS 管理,不要用 Dynadot 自带的 DNS
  • 部署后白屏别慌,先检查 Netlify 子域名是否正常,再让 Lovable 修复
  • 调试 DNS 时用无痕模式,排除浏览器缓存干扰
  • 上线后在 Netlify 锁定自动部署

📖 图文完整版

完整的操作步骤、工具链接、截图和踩坑解决方案,见小红书图文笔记「不写一行代码,我用AI对话做了一个个人网站(完整实录)」

📌 关于我

我是 Hao,游戏行业项目管理从业者,9年经验。

🔗 延伸内容

  • 游戏项目管理课程体系:链接
  • 模拟面试 / 简历优化服务:链接
  • 游戏 PM 成长社区:链接