一些废话：记录一下网站制作的过程

个人背景

虽然大学学的专业与编程毫无关系，但一直都觉得靠编程做一个自己的作品是一件很酷的事情。 高中毕业时，自学过一点html语言和css，也不能算完全的零基础，但也就仅此而已了。 加入现在的所后，发现知识库中找不到最新的准则应用指南，然后就萌生了想要自己做一个知识库的想法。

知识库1.0-vuepress版

在b站大学中寻找相关的资料，偶然发现了 @程序员鱼皮 的视频，介绍了使用vuepress部署知识库。头脑一热，租了一个服务器和域名，跟着视频的指引一步步摸索，几经曲折，才把初代的知识库部署完毕。

然后又一步步摸索，在服务器中部署了宝塔面板。对于没什么基础的小白来说，已经基本上符合使用需求了。 随着文章的不断更新，发现vuepress项目在每次更新后都需要重新打包上传，又开始琢磨是不是可以做成一个动态的博客。

知识库2.0-next.js+springboot

2025年的上半年，ai发展迅速，从之前只能简单对话，再到推理模型、以及ai编程。尝试用了一下cursor，发现ai在编程领域的应用远超我的想象。某天在b站中刷到了 @grtsinry43 大佬的项目，给了我挺多启发。深入了解了一下next.js框架，就开始让claude帮我干活了。最初想学习大佬建立前后端分离的项目，发现自己对后端知识几乎为0，当时的claude对于spring boot框架的支持似乎也很一般，正好遇到了年审，于是就暂时放下了开发工作。

知识库3.0-next.js

四月在提交复核后，终于稍微闲下来一些，又重新捡起了这个项目。在开发的过程中，又一次感叹ai的强大。在五一之前就完成了基本功能的实现。但由于使用了最新的next.js 15进行开发，claude在开发时没有遵循最新的开发规范，导致项目无法顺利构建（编程小白真的踩了好多好多坑）。被迫重新构建项目。

好在大佬们开发出了context7 mcp，ai可以通过阅读最新的开发文档遵循开发规范，使得bug的数量也出现了减少。依靠着claude，最终才有了现在的知识库网站。

总结

当时的头脑一热，才有了现在的网站。网站从1.0到3.0的过程中，靠着ai也学习到了很多前端的基础知识。了解了vue框架、react框架，学习了一些基础的数据库知识，也意识到使用Github管理代码版本真的很方便。Ai模型也从一开始的ChatGPT逐步转变为后来的Claude 3.7、Gemini 2.5。算是自己完成的第二个小项目吧（第一个项目以后会和大家分享）。这个项目也证明了，一个小白可以在不懂编程的前提下，通过Ai帮助，顺利上线自己的网站。相比基础的编程语法，解决问题的方式会更加重要（论算法的重要性）。在这半年的开发中，逐步摸索出ai编程中的一套工作流，希望后面有时间可以分享。只是简单记录一下网站开发的心路历程