用AI建网站靠谱吗?8个真实踩坑记录,差点把站搞废了

副业日志 Day 002
2026年7月15日 周二 · 郑州 · 晴

今天是最折腾的一天。

用AI帮我建网站,结果网站被搞崩了——按钮点不动、聊天发不出去、页面一片空白。从崩溃到修好,整整折腾了一天,踩了8个坑。

如果你也想用AI建网站,或者正在建站遇到各种奇怪问题,这篇文章帮你把这8个坑全避了。每个坑都写清楚了"出了什么问题→为什么会这样→怎么解决",照着做就行。

先说结论:AI建站靠谱吗?

靠谱,但有个前提:你得盯着它,不能完全放手。

AI写代码快、搭框架快,但它有个坏毛病——喜欢自作主张。你不盯紧,它就把你原来能用的东西推倒重来,搞一套新的,然后新的一堆bug。今天最大的坑就是这个。

8个坑全记录

坑1:AI自作主张把网站搞崩了(最致命)

出了什么问题:网站本来是能用的,AI帮我恢复的时候,没用原来能跑的那版,自己重新写了一个新首页。结果:点开各个板块全是空的,有的按钮点不动,聊天功能发不出消息。整个网站直接废了。

为什么会这样:AI觉得"我重新写一个更好的",就没用旧版当底座,从零开始搭。但新写的没经过测试,一堆问题。就像你家房子能住,装修队非要拆了重盖,结果盖出来漏雨又没门窗。

怎么解决:

第一:改网站之前,先把当前能用的版本备份一份,起个名字加上日期。
第二:改的时候,拿能用的旧版当底座,只往里面加新东西,不要推翻重来。
第三:每次改完先在本地看一眼有没有问题,没问题再上传到线上。
第四:上传之前再备份一次。万一新版有问题,随时能退回旧版。
⚠️ 一句话总结:能跑的旧版是底座,不是参考。改站只在旧版上加东西,不要推倒重来。改之前一定备份!

坑2:网站上的聊天功能,在微信里不回话

出了什么问题:网站上有个AI聊天功能,在电脑浏览器里能正常聊天。但用微信打开网站点聊天,消息发出去了,对方一直不回。

为什么会这样:两个原因叠在一起了。第一,微信自带的浏览器会拦截"往外发请求"的操作,聊天消息发不到AI那边去。第二,AI的密钥(就是开门的钥匙)直接写在了网页代码里,谁都能看到,不安全。

怎么解决:

做法:在服务器那边加了一个"中转站"。网页不直接找AI聊天,而是先发消息给服务器上的中转站,中转站再去找AI。这样微信拦不住(因为是同站的),密钥也存在服务器上不会暴露。

打个比方:原来是你直接打电话给国外的朋友(微信拦住了国际长途),现在你打给前台的翻译,翻译帮你打过去(同公司内线,拦不住)。
⚠️ 一句话总结:聊天功能别让网页直接找AI,中间加个中转站,微信里也能用,密钥也不暴露。

坑3:网页链接带".html"会自动跳转

出了什么问题:网站内部有些链接后面带着 .html(比如 neican-free.html),点进去会跳一下才打开,有时候还跳丢了。

为什么会这样:云服务器(Cloudflare)会自动把 .html 后缀去掉,把它重定向到不带后缀的地址。就像你找"张三.doc",系统非要给你改成"张三",中间跳了一下。

怎么解决:

做法:把网站内部所有链接后面的 .html 都去掉。比如 neican-free.html 改成 neican-free,articles.html 改成 articles。

注意:这只是网站内部链接这么改。从外面访问的时候,带不带 .html 都能打开,只是不带的话少跳一次,更快。
⚠️ 一句话总结:网站内部链接不要带 .html 后缀,云服务器会自动去掉,带了反而多跳一次。

坑4:微信里打开网站看到的还是旧版

出了什么问题:网站更新了新版本,上传部署完了。但用微信打开一看,还是旧版的样子,有时候还是空白页。

为什么会这样:微信自带的浏览器有个坏毛病——它会"记住"你之前看过的网页,下次打开直接给你看记住的旧版,不去服务器上拿新版。就像你冰箱里放了昨天的剩饭,今天懒得做新的,直接热昨天的吃。

怎么解决:

做法:每次网站更新后,在微信里打开网站时,需要"硬刷新"才能看到新版。

怎么硬刷新:退出公众号对话再重新进去,或者在微信设置里清理一下缓存,然后再打开网站就能看到新版了。
⚠️ 一句话总结:微信打开网站看到旧版不是你网站的问题,是微信缓存。退出重进或清缓存就能看到新版。

坑5:多写了一个括号,整页按钮全死了

出了什么问题:改完一段代码上传后,网站上的聊天框、购买按钮、悬浮提示——所有能点的东西全点不动了,像死了一样。

为什么会这样:代码里多写了一对括号(就是编程里的花括号 }),多了一个 } 导致后面的代码全部报错。就像你写文章多了一个右引号,后面所有的标点都乱了。一个括号,搞死整页。

怎么解决:

做法:改完代码后,先用检查工具(命令行里输入 node --check 文件名)跑一遍,看看有没有语法错误。确认没问题了再上传。

关键:每次改动要小,别一次改一大堆。改一点测一点,出了问题马上能找到是哪改的。
⚠️ 一句话总结:改完代码先检查语法有没有错,再上传。一个多余的括号能让整页按钮全死。

坑6:服务器程序文件放错位置,聊天功能返回405错误

出了什么问题:把聊天中转站的程序文件放在了一个叫 functions 的文件夹里。部署后点聊天,返回405错误(意思是"不允许这样做")。

为什么会这样:云服务器(Cloudflare)有两种写服务器程序的方式,一种叫"高级模式"(用一个叫 _worker.js 的文件),另一种叫"目录模式"(用 functions 文件夹)。这两种不能同时用,同时放的话,目录模式会被当成普通文件上传,不生效。

怎么解决:

做法:只保留 _worker.js 这一个文件,把 functions 文件夹删掉。所有服务器端的逻辑都写在 _worker.js 里面。

就像:一个厨房只能有一个厨师长。你请了两个,一个站灶台一个站切配台,结果谁都不听谁的。留一个就行。
⚠️ 一句话总结:Cloudflare服务器程序只用 _worker.js 一个文件,不要同时放 functions 文件夹,会冲突。

坑7:上传网站的工具卡死不动

出了什么问题:用上传工具(wrangler)把网站传到云服务器,命令敲下去后一直转圈,不报错也不结束,卡了5分钟。

为什么会这样:电脑系统版本太新,默认用了一种新的通信加密方式(TLS 1.3),但云服务器不完全支持,两边"握手"卡住了。就像你打了个视频电话,对方手机太旧接不了视频,就一直卡在拨号界面。

怎么解决:

做法:在上传命令前面加一段话,让电脑用老版本的通信方式就行:

  NODE_OPTIONS="--tls-min-v1.2"(加在原来的上传命令前面)

意思就是:"通信的时候用老版本1.2,别用新版本1.3。"加完一次就过了。这个坑踩了不止一次。
⚠️ 一句话总结:上传工具卡住不动、不报错也不退出,在上传命令前面加 NODE_OPTIONS="--tls-min-v1.2" 就行。

坑8:没确认就直接上传,旧版被覆盖了

出了什么问题:好几次AI改完代码没给我确认就直接上传部署了,结果旧版被覆盖,线上出了问题,回都回不去。

为什么会这样:改代码的人觉得"改完了就传呗",但没有先让网站主人看一眼改得对不对。万一改错了,线上直接出问题,用户看到的就是坏掉的网站。

怎么解决:

铁律:本地改完 → 先给网站主人看 → 确认没问题 → 再上传部署。线上永远是稳定版,新功能先在本地做好、测好再传。
⚠️ 一句话总结:改完代码先给主人确认,确认了再上传。线上是稳定版,不能随便覆盖。

三条保命原则

踩完这8个坑,总结出三条原则,以后建站改站照着来:

原则一:旧版是底座,不是参考。改网站先备份当前能用的版本,只在上面加新东西,不要推倒重来。
原则二:小步改、改完核验、覆盖前备份。一个括号能搞死整页,所以每次只改一点点,改完先检查语法,上传之前一定备份。
原则三:服务器端解决微信限制。微信会拦截网页直接往外发请求,把中转站放在服务器上,密钥也不暴露,微信里也能正常用。

今天的真实数据

💰 收入¥0
👥 独立访客0
📊 进度10% □□□□□□□□□□
📝 状态网站修好了,首页5个板块填满,51篇文章上线,百度收录已提交

今天虽然一分钱没赚,但网站从崩溃到修好、从空白到填满,算是把地基打牢了。后面就是持续更新内容、等百度收录、搞流量。

写给刚好搜到这篇文章的你

如果你搜"用AI建网站靠谱吗"、"网站按钮点不动"、"微信打开网站是旧版"搜到了这里,说明你也在折腾网站。

我52岁,用AI建了一个副业网站。从完全不懂到网站上线,中间踩了一堆坑。这篇文章里的8个坑都是我亲自踩的,每个解法都是实测有效的。

用AI建站靠谱,但别完全放手。盯紧它,小步改,多备份,你也能搞定。

如果你也在做副业、搞网站,来我这儿坐坐:guoguo99.xyz,有51篇免费教程可以看,不收费。

👆 Day 001 → Day 002,持续更新中

我会一直记录从0到赚钱的全过程,包括每一个踩过的坑

去主页看看 👉

常见问题

Q:用AI建网站靠谱吗?

靠谱,但有个前提:你得盯着它,不能完全放手。AI写代码快、搭框架快,但它喜欢自作主张推翻重来。改之前一定要备份当前能用的版本,只在旧版基础上加新东西,不要推倒重来。

Q:网站按钮点不动怎么办?

网站按钮全部点不动,通常是代码里有语法错误,比如多了一个花括号}。解决方法是改完代码后先用node --check 文件名检查语法,确认没有错误再上传。每次改动要小,改一点测一点。

Q:微信打开网站是旧版怎么办?

微信自带浏览器会缓存网页,显示旧版不是你网站的问题。解决方法是退出公众号对话重新进去,或者在微信设置里清理缓存后重新打开网站,就能看到新版了。

Q:网站聊天功能在微信里不回话怎么解决?

微信浏览器会拦截网页直接往外发请求。解决方法是在服务器端加一个中转站,网页先发消息给同站的中转程序,中转程序再去找AI。这样微信拦不住,API密钥也不会暴露在网页代码里。

关于作者

郭郭,52岁开始做副业网站的普通人。从零基础学习建站、SEO、AI工具使用,真实记录从0到赚钱的全过程。所有文章都是亲身实战验证,不画饼不忽悠。更多内容访问 guoguo99.xyz

← Day 001:百度站长验证踩坑 返回首页 →