文章目录[隐藏]
本文转载自公众号：AI爆炸圈，原文：我用 AI 做了个网页工具，挂上广告，现在每月被动收入 5000+（全流程复盘）
这篇文章把开发、部署、挂广告、搞流量的每一环都讲得明明白白，直接复制就能干。去年这个时候，我还在为每个月的副业收入发愁。接单不稳定，做号又内卷，直到我无意间发现了一个“躺赚”的路子：用AI做一个免费的在线工具，然后挂广告赚钱。
收入加起来，稳定在 5000 块上下。
关键是我几乎不用管它。代码是AI写的，部署是一键的，流量是自然搜索来的，广告是自动分发的。我每天就看看后台数据，偶尔回复一下用户留言。
今天我把自己从 0 到 1 的整个操作流程全部复盘出来，包括用哪款AI、怎么“聊”出代码、怎么把网站放上网、怎么申请百度广告和谷歌广告、怎么搞到免费流量。哪怕你完全不懂编程，也能照着做。
为什么靠“做工具”能躺赚？
很多人理解的副业就是“接一单赚一单”，但那是卖时间。真正的“睡后收入”是什么？是你睡觉的时候，你的东西还在帮你赚钱。 一个免费的在线工具就是这个逻辑。用户打开你的网站用工具，页面上展示的广告被他们看到或者点击，你就有了收益。这个收入不需要你发货、不需要你售后、不需要你维护，只要网站还跑着，广告费就源源不断。 而且现在做网站的门槛已经被AI一脚踹飞了。以前想开发一个图片压缩工具，你得先学 HTML、CSS、JavaScript，折腾一两周；现在你只需要用中文把需求说清楚，AI就能把代码写好、改好，甚至帮你部署上线。
下面我就用自己做的这个“图片处理百宝箱”为例，把每一步拆给你看。
第一步：用 AI 把整个网站“聊”出来
我用的 AI 叫 Claude Code，是 Anthropic 推出的一个编程助手。它直接跑在电脑的终端里，你跟它聊天，它就帮你写代码。
1. 安装和启动
首先确认电脑上装了 Node.js（在终端输入node -v，有版本号就对了）。然后打开终端，输入：
npm install -g @anthropic-ai/claude-codemkdir image-tool
cd image-tool
claude2. 把需求用“人话”告诉它
我把下面这段需求直接贴给了 Claude Code：
我要做一个在线图片处理工具箱，包含五个功能：格式转换、图片裁切、尺寸调整、加水印、图片压缩。所有功能放在一个网页里，用标签页切换。设计风格要简洁干净，像 remove.bg 那种。移动端也要适配。所有处理都在浏览器本地完成，图片不上传服务器。页面底部留一个广告位，用 div 包好，id 叫 ad-container。3. 修改和预览
代码生成之后，我在对话里说：“帮我在浏览器里预览一下。”Claude Code 就会自动打开页面让我看。 我挨个测试了每个功能：传了一张 PNG 转 JPG、裁切了一下、加了个文字水印、压到 60%质量……基本上第一版就能用，只有一些细节不满意，比如裁切边框不够明显、移动端按钮太小。我就继续跟它说：“把裁切框换成黄色虚线。”“手机上按钮字号调大到 14px。”它几秒钟就改好。 从头到尾，我没有碰过一行代码，就是不停提需求、看效果、再提需求。整个开发过程，从安装到成品，只用了不到 3 个小时。第二步：把网站部署到公网，让全世界能用
代码是有了，但此时它还在你的电脑上，别人访问不了。接下来得把它部署到一个公开的网址。方案一：用 CloudBase 托管（国内用户首推）
我自己的主站用的是腾讯云的 CloudBase 静态托管，国内访问速度很快，而且有免费额度。- 打开腾讯云官网，搜“云开发 CloudBase”，注册并实名认证。
- 创建一个环境，选按量计费（小站点一个月几块钱）。
- 开通“静态网站托管”功能，把 Claude Code 生成的
index.html文件传上去。 - 系统会自动给一个访问域名，格式是
xxx.tcloudbaseapp.com。
重点：国内网站一定要做 ICP 备案，否则百度广告没法接。备案大概需要 1-2 周，工具上线之后第一时间就提交。
方案二：用 Vercel 托管（面向海外用户）
如果想赚 Google AdSense 的美金，最好用 Vercel 再部署一个海外版。Vercel 自动分配 HTTPS，免费，而且全球访问速度都快。- 把项目文件夹上传到 GitHub（在 Claude Code 里说“帮我把项目上传到 GitHub”就行，AI 能帮你搞定）。
- 打开 vercel.com，用 GitHub 账号登录。
- 导入仓库，点 Deploy，等两分钟就上线了。
第三步：挂上百度广告和谷歌广告，开始收钱
工具上线了，接下来就是最关键的变现环节。 一个血的教训：申请广告之前，一定先把网站的内容做扎实。审核人员不是看你的工具多好用，而是看你的网站是不是一个“正经站点”。 我当初就因为网站太“空”（只有一个工具页），被百度联盟和 AdSense 各拒了一次。后来我加上了“关于我们”、“隐私政策”、“联系方式”三个页面，又写了十几篇图片处理相关的教程文章（比如《PNG 和 JPG 到底有什么区别》《教你如何把图片压缩到 200KB 以下》），再提交，两家都过了。接入百度广告联盟（赚国内流量）
- 打开百度联盟官网（union.baidu.com），注册账号。
- 添加你的网站，填写信息，提交 ICP 备案号。
- 审核通过后，在后台创建“Banner 广告”代码位，获取广告代码。
- 在
index.html里找到之前预留的<div id="ad-container">，把里面的占位文字替换成广告代码。这一步也可以在 Claude Code 里说“帮我把这段代码放到广告位 div 里”，AI 自动改好。
接入 Google AdSense（赚海外流量）
- 用 Gmail 账号登录 Google AdSense 官网。
- 填写网站域名，提交审核（注意：网站必须启用 HTTPS，用 Vercel 部署的自动就有）。
- 审核通过后，创建“展示广告”单元，选择自适应类型。
- 把广告代码同样嵌入到广告位 div 中。
- 在网站根目录上传一个
ads.txt文件，内容 Google 会提供，这个一定不能忘，否则广告可能不显示。
第四步：搞到免费流量，让雪球滚起来
工具上线、广告挂好，只是完成了 50%。剩下的 50%是让更多人知道你的工具。1. 小红书：工具安利帖
我把工具的每个功能截图，做成“使用前 vs 使用后”的对比图，然后发了一条笔记，标题是《我不允许还有人不知道这个免费的在线图片处理工具》。笔记里展示了压缩前后大小对比、加水印效果、格式转换的便利性。 结果这条笔记一周就给我带来了 2 万多访问。小红书对这种实用型工具分享天然友好，很容易获得推荐流量。2. 知乎：专业问答
我每天在知乎搜“怎么压缩图片”“怎么给图片加水印”“PNG 怎么转 JPG”这类问题，用高质量的回答去覆盖。回答里我会系统性地介绍几种方法，把自己的工具作为最方便的选项之一推荐。注意不要硬推，把工具放进一个完整的解决方案里。 知乎的回答在搜索引擎里的权重极高。我现在每个月有 30%的流量，都来自几年前写的几条知乎回答，这才是真正的“长尾被动流量”。3. 微信搜一搜
我在自己的公众号里写了一篇工具使用教程，标题包含“免费在线图片压缩”“图片处理工具箱”这些关键词。微信搜一搜现在会直接关联公众号文章，而且竞争比百度小很多。有用户在微信里搜“在线压缩图片”，我的文章排在前面，点进来就用工具。4. SEO 优化
在网页标题里写清楚关键词，比如图片处理百宝箱 - 免费在线图片压缩、格式转换、加水印我现在的收益情况
这个图片工具箱上线大半年了，目前数据：- 日访问量：1500~2000 IP（国内占 80%，海外 20%）
- 百度联盟广告：月均 1200~1800 元
- Google AdSense：月均 200~300 美元（折合人民币 1400~2100 元）
- 总月收入：稳定在 3500~5000 元之间
新手最容易踩的 3 个坑
- 网站太空就去申请广告：被拒概率极高。先至少准备 10 篇原创内容和“关于我们”“隐私政策”等页面，让审核人员觉得你是个正经站。
- ICP 备案拖到最后：备案需要时间，工具上线就提交，别等广告申请被拒了才临时抱佛脚。
- 贪多放太多广告：广告位越多用户体验越差，用户跑了广告也没人点。前期一两个 Banner 位足够了。
写在最后
我知道很多人看完还是会犹豫：“我完全不会代码，真的能行吗？” 三个月前我也这么想。但当我第一次在 Claude Code 里打出“帮我做一个图片压缩工具”，看到 AI 在几秒钟内生成了一份完整可用的代码时，我就明白：做成一件事的门槛，从来不是技术，而是动手。 这个图片处理工具箱，从开发到上线，我花了不到一个周末。现在它像一个不用发工资的员工，每天 24 小时帮我去赚钱。 如果你也想要一份“睡着也能进账”的副业收入，我的建议就是：今天就把 Claude Code 装上，先做出来一个能用的工具再说。 别追求完美，先上线。有了第一版，你才知道怎么把它变得更好。 等你收到第一笔广告分成邮件的那一刻，你就会发现——原来互联网搞钱，真的可以这么简单。
