30know

我为什么重做了这个网站

这一篇先不讲什么具体技巧,简单按照时间顺序,聊一下我为什么要重新做这个网站,以及这个项目到底是怎么开始的。

30 aitool 的上一个版本,还是比较传统的博客和文章合集形式。

PixPin_2026-08-23_16-22-55PixPin_2026-08-23_16-24-28PixPin_2026-08-23_16-23-34

这种形式不能说完全没用,但很明显已经有点跟不上现在的发展了。尤其是在 AI 时代,网站如果还是只能发发文章、做做导航,没有什么互动,也接不进去更多 AI 功能,那后面能做的事情就很有限。

旧网站已经装不下我的想法了

旧网站本身也是用 WordPress 搭的,但当时直接套用了别人的主题。

对于刚开始做网站的小白来说,套主题确实很方便,可视化模块设计,很方便,当然 30 aitool 大家之前看到的版本也是,其实也是用 AI 写过的,就是基于别人对主题进行二开,也就是子主题,不过能改的有限,就更多是改改网站的布局和一些前端的显示。

如果是设计涉及到一些功能的,就比较难受了,但因为主题本身是别人写的,代码结构、页面逻辑、样式规则都不是按照你的需求设计的。哪怕现在 AI 已经很厉害了,你让它在别人的主题上不断修改,也很容易越改越乱。

这里补一个功能,那里改一个布局,又想接入各种 AI 功能,包变成一堆屎山代码的。

我想做的不是一个单纯发文章的博客,而是一个可以持续更新内容、收录工具、接入 AI 功能、功能上更加模块化设计的网站,能够长远发展。

所以网站必须要重做。

想法其实早就有了,但一直不敢动

重新做网站这个想法,我其实很早就有了。

但一直处于一种什么状态呢?

脑子里面想得特别多,感觉这个要有、那个也要有,也就站在一个所谓“产品经理”的位置上,想象当然是美好的,但是具体的要是来执行,就真头大了,我想着都难,比较我不懂代码,就之前简单利用 AI 二创了下网站的样式,当时都弄了差不多半个月。

以及在后面 4 月份的时候,我还做过一个叫 Qshot 子弹搜索的浏览器插件,算是我第一个比较完整的 Vibe Coding 项目。

展开详情
优点
  • 一次提问能并排对比多个AI的答案,省得挨个标签页去问。
  • 开源且数据不过服务器,配置和提问记录都留在本地浏览器。
缺点
  • 待补充

就这样一个相对简单的工具产品我当时写了差不多也有 10 左右,所以我能理解,纯靠 AI 写一个完整项目,大概的流程

如果只是做一个单功能的小插件、小工具,其实还好。需求比较明确,功能边界也比较清楚,无法就一直改,AI 也完全能应对

但做一个平台完全不是一回事。

平台不只是把几个页面写出来就结束了。你还要考虑内容怎么管理、功能之间怎么配合、后面怎么继续更新、用户怎么使用、AI 功能怎么接进去,以及整个项目长期写下去会不会越来越乱......

最开始,我也想在别人的基础上修改

我最开始是决定去找一个现成项目或者开源项目,在别人的基础上做局部修改。

这样做的好处很明显:底子是别人已经写好的,很多基本功能也已经跑通了。对于我这种不懂代码的人来说,理论上会更稳一点,也不用什么东西都从头开始。

但我找了一圈,并没有找到真正符合需求的,当然这也是合理的,我要着要哪,我甚至还专门去问了一些程序员朋友,我大概提了下我的需求,我说有没有类似这样的开源项目。

我朋友:“搁这许愿呢?你这种复合需求的,不可能有的完美对应上,与其找一个不合适的项目硬改,还不如按照自己的需求重新写,会更好”

然后那天晚上,我在房子里走了一两圈,就决定,ok 我自己写!就当做学习了

不是完全从零开始,而是继续使用 WordPress

虽然说是自己写,但是整个网站的底座,最后还是选择了 WordPress。

这里简单介绍一下 WordPress。

展开详情
优点
  • 全能型选手,托管、建站、域名、电商、邮件、Newsletter 基本一站搞定
  • 主题、插件、模板库非常庞大,从个人博客到企业站都能找到现成方案,生态圈丰富
  • 官方把内容所有权和订阅粉丝都留给你自己,不用怕平台跑路数据蒸发,从博客迁到独立站也不会被锁死。
缺点
  • 插件和主题良莠不齐,冲突、拖慢速度、兼容性问题是社区里反复被吐槽的痛点,出了问题得自己(或花钱请人)排查。
  • SEO 友好性依赖付费插件和额外调优,默认配置下搜索表现一般
  • wordpress被诟病最大的问题就是流畅度的问题了,比较“重”

你可以把它理解成一套已经帮你做好了网站后台、数据库、内容管理、用户系统和插件框架的开源系统。

文章、页面、用户、评论、媒体库、分类这些基础能力,它本身就已经有了。你不需要重新写一遍,只需要根据自己的需求开发主题和插件。

所以我实际做的事情,主要是:

  • 自己开发网站主题;
  • 自己开发需要的功能插件;
  • 利用 WordPress 管理内容、用户和数据;
  • 再把需要的 AI 功能接进来。

如果连后台、内容管理和用户系统都要从零写的话,那么这个项目周期估计得翻一倍以上。

选择 Wordpress 也是我深度调研后的结论,在调研过程中,我发现我之前一直小看 wordpress 了,它的上限其实很高,可玩性极强。

特别是现在有了 AI 编程以后,WordPress 对于咱们这种小白,不只是一个“套主题建网站”的工具。你完全可以把它当成一个成熟的底座,然后让 AI 根据你的需求不断开发新的主题、插件和功能。

这也是一个经验吧,做项目不等于所有东西都要从零写,市面上已经有很多成熟的框架和底座,你可以先试试有没有适合自己的,然后在别人成熟的基础上继续开发,会事半功倍,也更加稳定可靠。

一个人做了一个多月

项目真正开始以后,我基本上是全天都在做。因为当时我没有上班,所以一天大部分时间都放在这个网站上,这个网站达到能线上的成品差不多花了一个多月。

那一个月时间基本每天就是:睡觉-吃饭-写网站

毕竟整个项目体量并不小,后面差不多有 25万行代码。大家现在从前端看,可能会觉得就是一些工具页面、文章页面、素材上传和 AI 功能,好像没有特别复杂。

但是后台还是很复杂的、数据怎么存、不同功能怎么配合、内容怎么更新、页面怎么调用、上传的素材怎么处理,以及后期不断增加新功能以后,原来的结构还能不能继续用,这些东西都需要一点点解决。

当然主要还是踩了很多坑,在试错这方面成本有点高,没办法,没天赋和太多经验就只能靠不断的试错

真的很累,但也确实很上瘾,脑子里有一个想法,直接和 AI 说下,就可以变成实际的功能,我一直觉的 vibecoding 很像在玩一场经营类游戏。

为什么要写这套知识库

做这个网站的过程中,我踩了很多坑,也慢慢总结出了一些自己的经验。

这些经验不一定有多专业,毕竟主包到现在依然看不懂代码。

但它们都是我真正遇到问题、付出时间以后总结出来的。哪些地方 AI 容易写乱、怎么给项目定规则、什么时候应该用更强的模型、UI 怎么减少那种烂大街的 AI 味,这些我都会慢慢写出来。

而且这套知识库不只会聊“怎么让 AI 写代码”,后面还会加入一些产品、项目管理、需求判断和 UI 设计方面的内容。

不过大家放心,这套知识库并不是会晦涩难懂,因为这套内容主要还是面向和我一样的人:

  • 自己有一些想法;
  • 想做一个网站、工具或者产品;
  • 但是看不懂代码;
  • 也不知道一个项目到底应该怎么开始。

当然不会代码并不代表什么都不需要懂,一些最基础的概念和判断还是要慢慢建立起来,但这些东西真的没有想象中那么难,需要学习的点,我也都会分享出来,这套知识库后面持续更新,目录和内容也会不断调整,毕竟我会一直创作!

也欢迎大家提出建议、帮我指出错误。毕竟主包自己也是个小白,每篇内容发布之前,我都会尽量查资料校对,避免出现明显的技术错误和表达问题。

如果你发现哪里写得不对,或者有更好的经验和方法,都欢迎直接告诉我!共同进步!