春节终于有时间把网站继续改版到3.0：

• 1.0: PHP+LayUI+Mysql，纯手写
• 2.0: Hexo + markdown，想用markdown格式
• 3.0：AI + vitepress + markdown + (mongo或mysql做后端，还没想好，先完成一版)

vitepress

现在没有那么多空闲时间去像早期一样手撸HTML+JS+CSS了，虽然自定义程度高，但实在太累。

用Hexo就是想偷懒，无奈不能控制源代码，类似性能优化就很难做，评论之类的也很难修改，需要大量阅读前端源代码。

想用更现代的React/Vue前端框架，正好Vue出了类似博客论坛时代wordpress的vitepress，开箱即用，十分方便，于是基于vitepress开始编写第三版。

AI和Vibe Coding

我不希望花费太多时间去学习前端知识，类似ts和js的差别、打包工具webpack等等，因此借助了AI和Vibe Coding去实现。

AI和Vibe Coding的问题

AI和Vibe Coding真的改变了很多事情，它们就像农场的大规模收割机一样，类似使用收割机会割坏部分土豆，使用Vibe Coding也会有很多问题，比如：

• 代码冗杂
• 部分代码不符合要求
• 代码风格不统一
• 代码很难维护
• 代码可能在很深的地方隐藏有屎💩 ……

但大力就是出奇迹，只要种植规模足够大（提示次数足够多，模型参数足够大），即使牺牲一部分土豆（代码质量），也能减少人力消耗（验证时间、学习时间、精力投入）。毕竟对于一般的开发需求，能达到最终的目的就行。如果真的有在意的细节，再去单独人工种植（手动开发）。 —— 大规模保证产量，人工种植保证精品。

work > perfect

我利用它们去实现了：

• 一些js/ts脚本编写，比如实现分页
• markdown公式编写，比如很复杂的公式，我只需要描述清楚需求即可，甚至手写一张截图

如何高效提示

1. 理解vitepress的基本原理和功能

使用大模型的前提是，至少：

• 能够知道有哪些功能，这样才能让大模型去实现
  • 比如，通过阅读官方文档，我知道vitepress有frontmatter组件，就可以提示大模型利用它实现分页
• 能够有足够的判断能力，知道大模型是在糊弄、重复绕圈，还是真的出方案
  • 比如大模型输出了一些方案，我发现有明显矛盾的地方，Vue 的 provide 作用域是「当前组件 + 该组件的所有后代组件」，但我的工程并不是这样的结构，即使我不了解Vue的语法，也能知道这个方案不可用，需要提示我的状态，让它出新方案。

2. 能够拆分任务

把自己想象成一个指挥官，需要具有拆分任务的能力。拆分任务得当，可以减少大模型反复绕圈的情况。拆分任务你也可以借助AI完成，但前提是你必须理解要做哪些事情。如果给大模型提供一个模糊的需求，大模型也只会回馈你一坨无用的代码。

什么是重要的？

回过头看以前死扣细节，某个js的bug、某个css展示有问题，认为自己掌握了这个问题的解决方案非常自豪，在AI时代有点可笑，像是在做无用的努力，一句提示词解决方案就出来了。前端后端、编程语言、熟练的语法、精巧的设计模式，都不重要，重要的是想法、是表达、是效率 —— 也就是以前人们设想的面向自然语言编程。

技术仍然是有价值的，不过价值不再在于使用工具的熟练程度，而在于资源整合和创造工具。

入口的变化

以前网页博客论坛作为入口，后面是移动互联网兴起各大APP占领入口，未来肯定是AI作为入口。很多好朋友博客都不再更新了，因为性价比太低，几乎没有人看。

我为什么还坚持写博客？

• 作为一种仪式，来证明自己对技术有过深入思考
• 提供一点高质量的中文语料，供AI爬取
• 想挣钱，看是否有机会勾搭到氪金大佬，接力所能及的需求