← 返回首页

第20篇:从“辣眼睛”到“完美上线”:老张用 AI 建站,踩过的 3 个天坑

2026-11-03 · Aubzhang

AI 写代码只要 1 分钟,但老张为了让它“不辣眼睛”且“能活着上线”,硬生生折腾了 3 天。

有朋友私下问老张:既然 AI 这么牛,建站是不是把需求丢给它就能跑?

老张只能苦笑。真正的产品落地,根本不是童话故事。今天这篇,老张扒开底裤,给你复盘踩过的 3 个天坑。

上半场:审美的拉锯战,逼着 AI 做减法

老张是个干了十几年的老产品,对“极简”有变态的执念。但 AI 的默认审美,真让人一言难尽。

一开始,老张让包工头(WorkBuddy)写个首页。它一秒交差。

老张在屏幕前一看,差点心梗:满屏大红大紫的渐变,按钮圆润得像十年前的土味网站,还堆满厚重且毫无必要的阴影。

那感觉,就像你走进了一家装修极其俗气的乡镇 KTV。

老张不懂代码,知道这么下去不行,赶紧请来军师(DeepSeek)。老张把丑拒的理由抛过去,让它翻译成精准的修改指令。

于是,老张给 WorkBuddy 下达了三道死命令:

  1. 砍框架:只留原生 HTML 和 CSS,不要花里胡哨的库。
  2. 定颜色:纯白背景,深灰文字。全站只能留一种点缀色——老张蓝(#2f6feb),连悬停色值都不能错。
  3. 锁排版:正文宽度锁死 720px,行距 1.8,手机字号 15px。多一个像素都不行。

吵了整整一天,删了改,改了删。终于,屏幕上呈现出了一张留白精准的“干净白纸”。

老张的思考:AI 懂代码,但不懂克制。产品经理的审美,才决定了产品的高级感。

下半场:基建的排雷战,被真实网络毒打

本地看着完美,老张满心欢喜拖上 Cloudflare 上线。结果,噩梦才刚开始。

天坑一:本地完美,线上全裂。

老张拿手机一刷,傻眼了:配图全不见,只剩灰白方块(裂图)。

排查半天,是路径和大小写问题。Mac 不区分大小写,线上服务器却极其严格,加上 AI 混用绝对/相对路径。

老张直接定死规矩:图片全进 assets/ 对应文件夹,代码强制相对路径。

天坑二:微信里的“火星文”。

老张发到微信一看,满屏“锟斤拷”乱码,优美的中文直接变天书。

截图问 DeepSeek 才知道:服务器少了 charset=utf-8 响应头。

老张硬生生啃下配置,手写了一个 _headers 文件,强行声明编码,才救回正常中文。

天坑三:死活刷不出来的新网页。

代码传了,手机一刷,还是昨天的旧内容。

老张以为是手机坏了,后来才知道这叫“CDN 边缘缓存”。为了加速,网页存在全球节点,老张改了源头,节点没变。

解法:每次更新完,后台狠心点一次 Purge Everything(清空缓存),把旧数据踢出去。

写在最后

哪怕有再牛的 AI 帮忙,真正的落地,依然充满了这些琐碎、脏乱的“工程常识”。

代码能交给 AI,但审美得自己把控;骨架能交给 AI,但底层环境的坑,还得自己踩。

AI 负责提供砖瓦,产品经理负责把控审美,而网络底层的地基,还得靠自己夯实。

公众号原文:https://mp.weixin.qq.com/s/6s7bnTMW-X1lO_1-HU-9QA