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

📅 2026-08-03 👍 0点赞 💬 0 条评论

 

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

  • 进化与起航：让 Google AI (Gemini) 写了个静态 index.html 页面，随后一步步将其进化为 PHP 动态站点。

  • 里程碑：终于拥有了简易后台，个人网站 v0.11 首站宣告搭建成功！

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

  • 持续让 Gemini 对页面进行迭代与功能扩展。

  • 成功实现了在后台对前端所有功能的控制与动态编辑。

📅 7.29｜会员功能与代码瘦身 v0.16

  • 功能迭代：顺利上线会员功能。

  • 重构优化：针对逐渐显露的代码臃肿问题，开始对全站代码进行精简与瘦身。

📅 7.30｜Header/Footer 拆分踩坑与豆包紧急救场 v0.28

  • 架构拆分：将首页与子页面的顶部（Header）和底部（Footer）代码独立分离，尝试模块化。

  • 遭遇大 BUG：分离后全站样式惨遭崩溃！导航栏和底部版权栏出现严重渲染异常，每个页面效果都不一样，甚至大量页面直接丢了导航与页脚。

  • 豆包救场：求助豆包后终于破案——原来是不同页面之间存在“重复过度优化”（Header 本身已包含优化逻辑，而引入 Header/Footer 的子页面又叠加了同类优化，导致代码互相冲突）。

  • 弃用豆包的缘由：

    1. 代码断流：经常只生成半截代码，提示补全时他又从头重写，写到一半再次停住；

    2. 上下文限制：文本框字数限制导致无法一次性贴出完整代码。对于我这种没能力自行补齐后半段代码的小白来说，只能遗憾弃用，重新转投 Gemini 的怀抱。

📅 7.31｜后台独立、IP/权限校准与安全防护 v0.30

  • 后台与权限：彻底分离前后端代码，不再共用文件。加入后端 IP 与用户权限二次校准，非指定 IP 的管理员权限无法访问后台。

  • 体验与安全：

    • 优化 Header 状态检测，用户登录后自动隐藏“注册/登录”入口；

    • 增加密码重置功能；

    • 限制临时邮箱注册，从源头杜绝垃圾账号（后续流量稳定后，计划引入社交账号一键登录）。

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

  • 流量破千：日入站 IP 成功突破 1000+（70% 流量来自 newl.top）！

  • 架构重构：优化移动端菜单显示；重构后台首页统计与双端菜单栏；全站切换为伪静态，并将代码全面升级适配标准的 PHP 7.4+。

  • 四大 AI 决战“三级头像判断逻辑”：

    • 需求逻辑：评论区及导航栏需按优先级渲染用户头像：用户自定义头像 $\rightarrow$ QQ 头像 $\rightarrow$ 本地默认头像（判断流程：若自定义头像为空，则提取 QQ 号抓取 QQ 官方头像；若 QQ 号亦为空，则降级显示默认路径 /upload/img/users/userimg.png）。

    • 四大 AI 实战翻车现场：

      • 元宝：直接报“超出文本限制”拒绝接收。

      • 通义千问：响应迅速并给出了完整代码，但上站测试发现：即使存在 QQ 号，代码也会直接死板地降级调用默认头像。

      • 豆包：逻辑处理能力遇到瓶颈，重蹈千问覆辙。

      • Gemini：正是因为 Gemini 先前没能搞定这个三级逻辑，我才去找另外三家求助，结果全军覆没。

    • 结论：当时的 AI 普遍只能顺畅处理“二选一”的单层逻辑（例如：仅判断“自定义头像或默认”），面对嵌套的三级条件判断时容易逻辑失真。

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

  • 踩坑：引入 GOOGLE 翻译插件并将 JS 文件下载到本地后，出现翻译无响应、内容仅部分翻译、加载极慢、以及页面刷新/切换后语言设置自动还原（无法保持用户选择）等一连串 BUG。

  • Gemini 破案：将代码提交给 Gemini 分析后找到根源——本地下载的 JS 文件版本与代码中下拉菜单的适配逻辑不匹配。最终重新统一优化 PHP 代码并精准适配 translate4.01.js，顺利解决了多语言翻译难题。

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

  • 安全加固与次生故障：为防范数据库注入与安全风险，让豆包与 Gemini 协同进行安全防御。但安全加固后引发了连环 BUG：评论区表情包无法展开，且页面向下滚动后无法触发 header.php 中的“返回顶部”插件。

  • 跨模型协作解题：反复折腾豆包无果后，我改变策略——直接将豆包梳理出的安全风险项提取出来，喂给 Gemini 进行针对性修复。

  • 根源破案：Gemini 发现是之前的安全策略过严导致（豆包在加固时配置了过于严格的 CSP 头部，禁用了 unsafe-inline，导致内联脚本与插件失效）：

    PHP
    // 豆包加固的 CSP（导致脚本/插件失效）
header('Content-Security-Policy: default-src \'self\'; img-src \'self\' https://q1.qlogo.cn https://cravatar.cn data:; script-src \'self\'; style-src \'self\'; frame-src \'none\'; object-src \'none\'');

  • 终极解决：按照 Gemini 提供的方案，修改 post.php 中的 CSP 安全头（放宽 script 限制或允许特定内联脚本执行），全站功能与插件瞬间恢复正常！

 

💬 评论列表 (0)

暂无评论，快来抢沙发吧！

发表评论

×
preview