最近用AI手搓了一个wordpress网址导航页

由于我是非IT科班出身，只会一点html和css，js、php、数据库也懂一点但是不多，小修小改没问题，但是让我从头到尾写一个交互页面太够呛了，所以感谢AI时代的到来!

从最早的Chatgpt出来，我一直有在关注AI编程，因为这是我的工作突破点，最开始是用AI来写复杂的excel公式，VBA代码，到现在的直接生成页面甚至项目代码。Cursor和Trae都使用了一段时间，最后还是专注于用cursor了，因为它的交互都我来说很友好，详细的就不过多介绍了，直奔我的主题——最近用AI手搓了一个wordpress网址导航页。

由于之前是用的主题自带的网址导航模板，有些地方不符合我的需求，单纯在原模板上改的话，后续更新主题就又复原了，总是这样来回修改太麻烦，所以就干脆用AI编程工具手搓一个。手搓这个词太形象了，因为由于不熟悉编程，真的是很原始很初级的方式来借助AI来写的，AI不是100%自动的，很多时候还是需要自己懂，至少知道把AI生成的代码放在哪里，和原来的代码怎么替换，以及一些编程术语什么的。

以前什么都会一点但是都不专业显得多而无用，但是AI出来以后，如果涉略广，什么都懂一点的话，真的很有用，因为只要你懂一点，就能用好AI来补足剩下的部分，如果一点都不懂，你可能都不知道怎么和AI沟通。目前有个词叫T字形人才，意思就是描述知识结构的一种形象化概念，用字母“T”的横竖两笔分别代表人才的知识广度（横轴“—”）与专业深度（竖轴“|”）。这种模型强调人才需兼具跨领域的通识能力和某一领域的精深专长，是现代社会应对复杂挑战的理想能力结构。我不能说自己是人才吧，但是我给自己的定位一直都是T字型发展，以跨境电商为专业深度（竖轴“|”），以各种附加技能为知识广度（横轴“—”）。

我主要是用cursor，cursor解决不了的，我会结合用deepseek和腾讯的codebuddy。为了方便管理代码和网站维护，我没有把css和js分开成独立文件，全都整合到了导航页单文件里（后期我会考虑把php,css和js分开引入，目前AI编程软件处理几千行的的代码太吃力了），随着功能附加，代码行数有快5000行了，这对cursor来说有点吃力，因为目前的AI编程工具用在1000来行代码的文件里很适合，但是对于有大量代码的单文件，不管是交互编辑还是上下文代码的理解，以及编程的连贯性来说都会差一点。我就经常遇到让cursor帮我优化代码，但是会遗漏要求和功能的情况，还经常大量删有用代码，这得亏cursor每次对话都有复原功能，我能回溯到老版本里。不然也挺糟心的，人工智能秒变人工智障！

目前的网址导航页https://www.amazon888.com/links ，已经整合了左侧导航栏块，新闻跑马灯块，各国时间天气汇率节日API块，以及下部的导航网址块，同时还加入了VIP功能控制块。其实AI在给功能代码的时候，大体框架基本都能很好的给出，但是在细节适配和优化上还需要我们人工修改，比如跑马灯的布局结构，多端自适应，css样式适配，API调用等。我个人觉得最麻烦的是多端自适应和css样式适配。非常精细的活，而且功能块加的越多，难度就越上升，因为多功能块会增加整体的复杂性。我前面说过，我经常遇到和AI对话，它满足了我当下提的需求却遗漏了之前的需求，要么就是大面积删代码的情况~

在AI编程的过程中，我作为非编程出身的实践样本，也积累了一些经验，特分享给大家做参考，非常适合和我一样的小白人员来用好AI编程工具：

• 1.尽量做一个功能说明文档。这能够让AI考虑的更全面而不是单一的功能满足输出，因为不同人之间写代码，真的是好用和能用的区别，功能实现有很多代码编写方式，但是一定要让AI选择相对容易的不会出错的，省内存省服务器资源安全的方式。当然这一步可以丢给Deepseek来帮我们整理。
• 2. 尽量给专业术语。比如我上面的新闻跑马灯，这是一个术语，只要给到AI它就能完美实现，你要是说我要一个滚动新闻的功能，这太抽象了~
• 3. 尽量让AI做累加而不是一气呵成。意思就是，要让AI一个个的实现功能和需求，而不是把所有功能需求一下子全丢给AI来实现，它们还没强大到如此，一下子给的要求多了，AI会给你搞出一堆毛病出来，这不是省时间而是极大的浪费和AI的沟通时间成本。
• 4. 多个AI辅助思考。有时候AI会陷入死循环，在我们无法找到具体问题的时候，得找其它AI来给思路给cursor，AI帮AI，哈哈~你会得到新天地的，也会有豁然开朗的感觉的。
• 5. 多说一句“请思考我没思考到的地方”。这能极大的补齐我们个人的主观限制，发挥AI的思考优势，让想我们没想到的地方。
• 6. “请检查代码语法和逻辑bug”。这句话也是我常用的，和上面一条类似，但是这条会限制AI来思考语法和逻辑问题。同时这条和我上面说的“好用和能用的区别”呼应。
• 7. 当每个功能实现后，给AI反馈。你可以说这个功能实现了，没问题了类似的，既可以让AI纠偏，也能让我们后续回退版本的时候找到定位点——我就是以我和AI对话的反馈信息来定位之前的有效代码版本来回退的。
• 8. 多使用cursor的图片上传功能来反馈问题或者给出参照。cursor能非常精准的失败图中的问题或者参照，给一张图比说一堆话都有用，而且也方便。
• 9. 先专注的用好一个AI编程工具。目前的AI编程工具有很多，国内有腾讯的codebuddy，阿里的通义灵码，字节的Trae，百度的文心快码……我还是推荐大家首选行业龙头，业界主流——cursor。真的好用，而且官方更新挺快的，缺点就是cursor非常消耗请求数，20美金的月费看着不多，但是我做这个导航页都不够请求数，500（套餐里叫Included Requests）的请求数一定超标，请求数不够的时候cursor会降速，不知道是不是心理作用，回答的答案也没有那么好了。所以我都会提高超额后的消费金额，最多的一个月，提额到了70美金（套餐里叫Usage-Based Spend），这70美金算上订阅费20美金，一共90美金，也不少了。但相比需求完成度和沟通成本时间成本人员成本，cursor绝对值得。
• 10. 不仅仅是写代码，cursor也可以作为一个日常AI工具。说到这，我经常用cursor来帮我写AI promt指令，它的指令有代码味，很符合我的需求，特别是我们三言两语讲不清的复杂指令。
• 11. 懂编程会更好。虽说AI编程就是方便我们这些不懂编程的人来用的，但是用久了之后你会觉得，如果我们本身懂编程，会更加得心应手，也能极大的提高生产力，和AI沟通也没有那么费劲了。

AI时代的到来，编程是最适合落地的场景，因为编程就是语言规范，而AI最适合有规范作为指导的场景，所以如大家所见，现在各大厂都在发力AI编程，这对我们普通人来说也是很好的编程平权的时代，就拿我这个导航页来说，之前不给开发人员3000~10000根本不接单，现在我自己能实现了，这真的很畅快，就好像自己的想法都能靠自己实现一样的畅快。所以，再次感谢AI，我已经准备好了迎接时代的到了，而不是恐惧AI的到来！

---

更新：最近刚好看到了界面新闻发布的关于AI编程的文章，分享给大家阅读：AI编程等待“失控”

一场技术革命正在发生，但从商业角度，AI Coding的从业者都还无法预见终局。从技术发展到商业机会，他们都在等待“失控”。

原文链接：https://www.amazon888.com/blog/4403.html，转载请注明出处和链接。