← 回到 10 条案例列表 CLI 实战
S
不会前端，我用 AI 做出了一个AI破局体验卡领取网站：试玉
smarts · 破局 CLI 实战派 · 2026-10-11
CLI网站
📈 成绩板
整站 = 3 个文件，零依赖，零构建（index.html 50 行 + style.css 250 行 + app.js 707 行），一周上线，零成本。
📝 这篇讲了什么
读完破局 1 W条帖、攒 39 个 Skill 后，做了「试玉」站帮新领卡的人过 7 天体验期。把 7 天拆成每天 40-90 分钟任务，5 条路线（5+2 结构：5 天核心通关 + 2 天复盘决策）。整站 = 3 文件零依赖；不会前端，AI 一边聊一边改出来。核心方法：把网站当成"数据 + 排版规则"而不是"一堆页面"——先抽出所有数据写到一个文件，再用 CSS 统一样式，最后用 JS 渲染逻辑。这样改一处就全局生效，不会出现"两个页面各写一遍"的坑。
❓ 这篇帖子解决了什么问题
- 不会前端代码，怎么用 AI 做一个完整网站？
- 7 天体验卡拿到后，第 1 天该做什么、第 3 天该做什么？
- 怎么把 AI 改出来的代码按"数据 + 路由 + 渲染"分层？
- 网站发布后看到旧版本，怎么排查 CDN 缓存问题？
- 怎么"砍到只做一件事"避免做不下去？
- 想做"数据集中、页面只负责展示"的网站，思路是什么？
💬 原作者原话
"一个上线的不完美版本，胜过十个躺在草稿箱里的完美版本。"
"我把网站当成一份'数据 + 排版规则'，而不是'一堆页面'。"
"改了一处就全局生效，是因为数据没抽出来、两个页面各写了一遍。"
适用人群
- 不会前端 + 想做"功能型小站"的非程序员
- 拿到 7 天体验卡后不知道第 1 天做什么的新圈友
- 想用 AI 一次性做对"数据 + 路由 + 渲染"分层的人
- 想找"5+2 任务模板"做知识付费破局转化的人