📌 置顶 🔥 热点 🚀 从 0 到 1：用 AI 撬动个人动态网站的 8 天进化史 (v0.1 ~ v1.0)

 

站长按：作为一个完全不懂代码的人，我凭借几款 AI 大模型，硬生生从零折腾出了一个简单后台与动态站点。以下是这几天我与 AI 们“斗智斗勇”、互相补位的真实记录。

---

📅 7.27｜从 Index.html 到 PHP 动态内核 v0.11

• 让 Google AI (Gemini) 写了一个 index.html 页面，并将其进化到 PHP 动态。

• 从此拥有了简单后台，个人网站 v0.11 首站正式宣告搭建成功！早期页面个人网站

---

📅 7.28｜掌控力升级与功能扩展 v0.15

• Gemini 持续对 v0.15 页面进行优化，功能持续增加。

• 成功加入后台对前端所有功能的控制与编辑。

---

📅 7.29｜会员功能与代码瘦身 v 0.16

• 加入会员功能。

• 针对逐渐显露的代码臃肿情况，持续进行代码优化与精简。

---

📅 7.30｜Header/Footer 拆分踩坑 & 豆包紧急救场 v 0.28

• 拆分架构：加入 header / footer 页面功能，将首页和子页面中的顶部、底部代码分离，持续优化。

• 遭遇大 BUG：分离后出现了太多 BUG！一直卡在导航栏和底部版权栏，每个页面显示效果都不一样，甚至很多页面导航栏和底部都没有加载出来。

• 豆包救场：最后请豆包救场才得到解决。原来网站程序之间存在大量相互优化——相当于 header 已经对导航做了优化，然后其它引入 header/footer 代码的页面再次对页面进行了优化，所以才会变成每个页面都不一样。

• 弃用豆包的原因：不用豆包写代码是因为他代码经常只生成一段，让他补齐完整代码，他又重新写一遍，结果还是一样写到一半停了；第二个原因是他的文本框限制，导致所有代码无法完整贴入。对于我一个完全不懂代码的人，你不能完成我的需求，我自己又没本事把后半段代码补齐，最后只能弃用，改用 Gemini AI 来写。

---

📅 7.31｜后台独立、IP/权限校准与用户检测 v 0.30

• 后台与权限：将后台代码分离，不再与前端共用文件。加入后端对 IP 地址/用户权限校准，后台非指定 IP 的权限用户无法访问。

• 用户体验与安全：加入文章页面及 header 用户状态检测，如果有登录用户则自动隐藏注册和登录；加入密码重置功能；加入注册邮箱管控，杜绝临时邮箱。后续网站流量稳定后，将引入社交账号直接登录功能。

---

📅 8.1｜流量破千！伪静态重构 & 四大 AI 决战“三级头像逻辑” v 0.33

• 流量与重构：优化增加移动端菜单栏显示效果，持续优化后台功能页面首页统计显示及后台菜单栏移动端/PC 端优化。加入全站伪静态设置，所有页面代码均转换为伪静态，并将所有代码转换为标准的 PHP 7.4+。持续优化大改后产生的 BUG。今天入站 IP 超过 1000+ 了，70% 来自 newl.top。

• 四大 AI 围攻“用户头像逻辑”：

  • 需求逻辑：加入文章评论抓取登录用户名及头像，以及导航栏中显示用户头像的判断规则说明（用户头像显示优先级为：用户自定义 $\rightarrow$ 用户QQ号 $\rightarrow$ 本地默认头像；判断逻辑为当从数据库中抓取用户自定义头像数据库值为空时，转向抓取用户填写的 QQ 号并从 QQ 数据中抓取 QQ 头像，当数据库中 QQ 值为空时，抓取默认头像作为用户头像显示，默认头像地址：/upload/img/users/userimg.png）。

  • 四大 AI 实战表现：

    • 元宝：把 header.php 代码和想要的功能说明丢给元宝，直接说“超出文本限制”。

    • 通义千问：跳转千问后，自动生成文本并给出完整逻辑代码，但上站运行后，在用户有 QQ 号的情况下，多次优化后始终是优先抓取了默认头像来显示。

    • 豆包：交给豆包同样的逻辑，也是同样的结果。

    • Gemini：不用说了，就是因为他没有做到，我才丢过去让另外 3 个 AI 来帮我下的，结果没有一个能完成的。

  • 总结：豆包、千问、Gemini 都只能判断两种条件（选择没有 QQ 号就用默认头像，或者没有自定义头像就用默认头像，这两种都完成得不错）。

---

📅 8.2｜Google 翻译插件本地化排坑记 v0.34

• 踩坑：加入 GOOGLE 翻译插件，下载翻译文本 JS 到本地后出现了翻译无响应、仅部分内容得到翻译、翻译慢、刷新和页面切换无法保持用户选择的语言种类（自动恢复简体中文）等问题。

• Gemini 破案与解决：最后把所有代码丢给 Google AI 才知道，是本地的翻译 JS 文件版本和代码中下拉菜单适配版本不一致。最后统一优化 PHP 代码适配 translate4.01.js，才得以解决翻译不出来的问题，随后持续优化各种 BUG。

---

📅 8.3｜双端 BUG 修缮与数据库安全防范 v0.37

• 持续优化移动端与 PC 端存在的 BUG。

• 针对数据库写入安全防范，让 AI 豆包、千问、Gemini 来共同对敏感页面进行安全防御。