本篇把“做网站赚广告费”拆成一个可先验证的小步骤：用 AI 做一个本机能用的商品毛利计算器。我们实测了页面输入和计算；没有购买域名、部署到公网、申请广告账号，也没有验证流量或广告收入。
先验证一个具体需求
“做个工具网站”太宽泛。先选一个用户能描述、你能验收的动作：输入售价、成本、数量和平台费率，快速得到销售额、商品毛利、扣平台费后的估算毛利和估算毛利率。
这个例子使用小店商品的虚构数字。它只是一个简化计算器，没有加入人工、房租、税费、包装、损耗、优惠券等成本；输出不能代替店主核账或定价。先验证计算和页面是否有用，再决定是否接入更复杂的数据或服务。
1. 给 AI 一张可验收的需求卡
练习包里的 prompt.md 先列出四个输入、五项输出、错误处理、窄屏适配和技术限制。它还明确要求模型只生成一个 HTML 文件，不引入第三方依赖，不把用户输入发送到网络。
验收算例固定为：售价 32 元，成本 20 元，数量 3，费率 2.5%。期望销售额 96 元、商品毛利 36 元、平台费 2.40 元、扣费后估算毛利 33.60 元、估算毛利率 35%。先写下结果，再让模型写代码，能避免“页面能打开就算成功”。
2. 按任务选模型
这次任务要生成一份短小、可在浏览器直接打开的 HTML/CSS/JavaScript 文件。我先用本机 Qwen3.8-27B 尝试生成，但 Ollama Chat API 请求在 10 分钟后仍未返回；停止这次调用后，改用已安装的 Gemma4-12B 再跑同一需求卡。两次完整页面生成都不适合作为成品：27B 请求超时；Gemma4-12B 在 2,500 个输出 token 后截断。改成只生成计算逻辑后，模型第一次把 token 用在内部思考，没有返回可用正文；显式关闭 thinking 后，才在 27.09 秒内返回 JavaScript 初稿。尝试记录和最后的模型回复在练习包 model_response.json。
最终页面的 HTML/CSS 由我按需求卡组装，计算逻辑由本机 Ollama 的 Gemma4-12B 起草后人工修正；没有调用在线代码服务或图片模型。Ollama 官方模型页给出的运行命令是 ollama run gemma4:12b；不同电脑上的本地标签以 ollama list 为准。本篇只在 M1 Max、64GB 环境验证。
模型输出不要直接部署。完整页面的初稿在输出上限处被截断；拆分后得到的 JavaScript 又把 isFinite() 用在已格式化的货币字符串上，合法结果会被错误判成无效。我们把检查改为对数字值先调用 Number.isFinite()，再格式化金额；同时将通用英文报错改成中文。这个小缺陷说明模型生成能加快起步，但必须拿固定算例实跑。
3. 运行页面
从练习包解压出 index.html。本例不依赖构建工具，也没有 npm 依赖。可以在终端进入解压目录，启动 Python 自带的静态文件服务：
python3 -m http.server 8000再在浏览器打开 http://localhost:8000。如果端口已被占用，可以换成 8001 并访问对应地址。练习包内的 HTML 没有发送请求或上传数据；检查浏览器地址栏是 localhost，确认服务是本机启动的。
本页面用 <input type="number"> 接收数值，并给费率设置 0–100 的边界。MDN 说明数字输入控件可以使用 min、max 和 step 做浏览器侧校验，但前端校验不能保护重要交易；本例仅做本地演示，不处理付款或订单。货币显示由浏览器内置 Intl.NumberFormat 按中文地区格式化。
4. 用算例和边界值实测
逐项照验收卡检查：
- 输入 32、20、3、2.5，确认结果为 96、36、2.40、33.60 和 35%。
- 把费率改为 0%，确认费用归零、扣费后估算毛利与商品毛利相等。
- 把费率改为 100%，确认平台费用等于销售额；由于示例商品本身毛利为 36 元，扣费后估算毛利应为 -60 元。
- 清空售价、把数量改为 0、把费率改为 100.1%，确认对应字段显示错误，结果区域不出现
NaN、Infinity。 - 点击重置，确认数值回到示例默认值。
记录每项实际结果。若模型输出没有通过某个边界，就把错误输入写回提示词或自己修正代码，再重新完整跑一遍，不能只截一张好看的页面当作实测。
5. 发布网站不等于有广告收入
本地 localhost 只对当前电脑开放，其他人不能通过公网访问。真实上线还要选择域名和托管方式，把页面部署到 HTTPS 地址，在目标手机和浏览器检查，再根据广告平台当前要求申请账号、添加广告代码并等待审核。广告位是否批准、访问量是否足够、能否产生收入，都取决于平台规则和实际用户，不能由一个能运行的 HTML 文件推断。
本篇没有云主机、域名、备案、广告账号或真实流量，因此不提供“几天上线”“每月收入”等结论。下一阶段应先观察目标用户是否真的会反复使用这个工具，再决定托管、维护和获客成本是否值得承担。广告政策和所在地区要求，应在选定平台后按官方最新说明单独核对。
练习包
下载商品毛利计算器练习包，包括需求卡、Qwen 超时与 Gemma 原始回复、HTML 页面和实测记录。页面只适用于本机虚构数据练习。