从0到1：我们如何与AI协作，“光速”重建一个网站？｜PeerCare.cn 新官网诞生记

引言：一个源于“不满”的大胆想法

大家好，我是 Tong。

一直以来，PeerCare.cn 承载着我们在可持续发展、环境保护和教育领域深耕的梦想。但坦率地说，旧的网站是在一个现成的 WordPress 主题上配置的，无论是设计、扩展性，还是内容的可读性，都让我们越来越不满意。

于是，一个大胆的想法诞生了：既然现在的AI能力已经足够强大，我们能否与AI协作，彻底抛开现有主题的束缚，从零开始，完全定制一个属于我们自己的网站？

这听起来像是一次冒险，但我们做到了。这不仅仅是一篇关于网站建设的技术复盘，更是一个关于迭代、试错、以及人与AI高效协作的真实故事。

第一阶段：蓝图绘制 (AI辅助下的专业流程)

我们的起点非常清晰：虽然网站的整体大纲和内容与原来差别不大，但我们的目标是在设计、美观、用户体验、技术可能性，尤其是访问速度上，实现一次巨大的飞跃。

整个流程，我们严格遵循了专业开发的三步走：

1. AI规划流程： 首先，我请我的AI开发伙伴（Gemini）为整个项目规划了详细的技术步骤和实现方案。

2. 设计稿先行： 接着，AI为我们生成了所有核心页面的设计原型和视觉稿。

3. 代码迁移： 最后，我们才开始将这些经过确认的设计，一步步迁移到 WordPress 平台上。

第二阶段：精雕细琢 (在反复迭代中追求完美)

一个优秀的网站，魔鬼藏在细节里。如果说第一阶段是确定骨架，那第二阶段就是为这副骨架注入灵魂。我们花了大量时间，在反复的迭代和像素级的“较真”中追求完美。这段经历，最能体现人与AI协作的独特魅力。

● 字体的灵魂： 我们抛弃了最初的常规字体，在AI的建议下，最终选择了在屏幕上表现力极佳的 Inter 字体。仅仅这一个改动，就让整个网站的气质瞬间提升，显得更加现代和专业。

● Logo的诞生与定位： 页头的Logo是我们纠结最久的地方。从它在页眉中**“太靠左”的位置**，到中英文组合的大小、行距，再到最终图形的设计，我们至少迭代了三版方案，才最终敲定了现在这个既有品牌辨识度又显稳重的版本。

● 

按钮的尊严

： 我发现页面上两个功能相近的按钮，因为文字长短不同，导致宽度不一，显得非常不专业。在我的坚持下，AI为它们设置了统一的宽度，这个小小的改动让页面的秩序感大大增强。

● 

页脚的精致化

： 页脚同样经历了从“太大”到“太小”，再到图标与文字上下排列变为更简洁的左右排列的多次微调。我们最终找到了一个既清晰又舒展的布局，让页脚不再是简单的信息堆砌，而是整个页面的完美收尾。

● 

信息的层次感

： 我们为不同的内容选择了最合适的呈现方式。例如，“行业报告”采用了视觉冲击力更强的三栏卡片式布局，而“最新动态”则选择了图文结合的列表式设计，避免了视觉疲劳，让信息主次分明，更具可读性。

第三阶段：攻克难关 (两大核心挑战)

在将完美的设计稿变为现实的过程中，我们遇到了两个预料之外、却又非常经典的技术难题。

挑战一：顽固的“贴左”布局

这是最令人头疼的问题。当我们把设计好的“零废弃资源库”、“全球零废弃日报”等页面部署上去后，无论怎么调整，页面的核心内容都死死地贴在左边，无法居中。

我们尝试了各种办法，直到我切换了主题，才恍然大悟——原来，我们之前依赖的那个Astra主题，即使再轻量，依然有太多自身的限制和我们看不到的底层样式，导致我们自己写的代码无法达到预期效果。

最终解决方案： 彻底革命！我们索性把那个“寄生”的主题换成了 WordPress 官方最简单的 2024 主题，然后在此基础上，新建了一个完全空白的子主题。这意味着，我们网站的所有代码，除了最基础的骨架，都是由我们自己来写的，从而获得了100%的控制权。

挑战二：罢工的“爬虫脚本”

我们的自动化新闻引擎，在部署初期也完全无法运行。这段经历，是一场教科书式的“Debug”之旅。我们遇到了各种经典的技术难题：

1. 环境问题： 从 ModuleNotFoundError 到 SSL: CERTIFICATE_VERIFY_FAILED，我们通过安装依赖库、运行证书命令，一步步配平了本地和服务器的环境。

2. “401认证失败”的迷雾： 这是最棘手的问题。在反复确认密码无误后，通过一份详尽的诊断日志，我们最终定位到了根源——WordPress 出于安全考虑，拒绝了脚本的登录。解决方案是：为脚本创建一个专用的“应用程序密码”，并赋予它“编辑”权限。

当终端上终于打印出“成功发布文章”的那一刻，我们知道，这个网站的“自动化心脏”已经开始有力地跳动。

结语：这只是一个开始

经过几天的紧密协作，我们不仅完成了一个网站的重建，更探索出了一种全新的工作模式。事实证明，当人类清晰的愿景、挑剔的审美和精准的反馈，与AI强大的代码生成能力、快速的迭代和不知疲倦的执行力相结合时，我们能爆发出惊人的创造力。

这个新上线的网站，只是 PeerCare.cn 新征程的开始。它将成为我们连接伙伴、分享知识、传播理念的坚实平台。感谢我的AI开发伙伴，也感谢屏幕前关注我们的每一位朋友。

欢迎访问我们的新家：

https://www.peercare.cn

，也欢迎大家一起加入进来共建。