用AI建站8个坑全记录

从7月4号决定建站到今天，11天踩了8个坑。今天一次性全记下来，后来的人少走弯路。

坑1：AI生成代码缩进错误

AI写的HTML看着没问题，但缩进混了空格和Tab，导致部分CSS样式不生效。解法：用编辑器的"转换Tab为空格"功能统一格式。

坑2：JavaScript中括号不匹配

改标题的时候少了一个括号，整个页面JS全崩了，白屏。解法：用浏览器的开发者工具（F12）看Console报错，定位到具体哪一行。

坑3：中文文件名在服务器上乱码

本地文件叫"闲鱼教程.html"，传到服务器上变成一串问号。解法：文件名全改成英文拼音，比如xianyu-jiaocheng.html。

坑4：SSL证书等了6个小时

域名绑定Cloudflare后，SSL证书一直显示"正在签发"。急得不行，以为配置错了。解法：不用管，Cloudflare自动签发，最长等24小时。我等了6小时就好了。

坑5：Netlify免费额度用完

一开始用的Netlify免费部署，100GB流量额度一个月就用完。解法：换成Cloudflare Pages，免费额度更大，无限带宽。

坑6：手机端布局错位

电脑上看着好好的，手机上全乱了——图片溢出、文字重叠。解法：加viewport meta标签，CSS用max-width:480px限制宽度。

坑7：AI客服不回话

聊天框能输入但AI不回复。查了半天，是API参数少传了一个。解法：检查API请求的完整参数，对照文档一个一个核。

坑8：网站速度慢

首页加载要5秒，图片太大。解法：图片压缩到200KB以内，JS文件用CDN加速，首屏加载降到2秒以内。

经验总结

8个坑总结下来就一句话：别急，一个一个来。每个坑都有解法，百度搜+问AI基本都能解决。关键是别同时改太多东西，改一处测一处。