事情是这样的。
今天早上,我干了一件事。
用 AI,从零到一,给自己搭了一个学习网站,拿到公网链接能发给朋友,全程,没写一行代码。
不是夸张。是字面意义上的,一行代码都没写。
从头到尾,我只做了一件事,就是告诉 AI 我想做什么,然后它去做,做完了给我看,不行我再跟它说哪里不对,它去改。
最后那个网站,现在就挂在网上,朋友打开链接就能看,有首页有教程页,左侧侧边栏点哪个章节就跳哪个章节,右侧目录跟着滚动高亮,二十篇教程内容全写好了。
链接是 workbuddy-learn.vercel.app。
整个过程,大概三四个小时。
我自己都觉得有点不真实。
说真的,我之前也做过网站。前端后端数据库,域名备案服务器,一套搞下来少说一两周。那还得是你会写代码的前提下。
所以我今天体验完之后,就想把整个过程写出来,不是教程,也不是炫技,就是单纯觉得,做网站这件事的门槛,好像真的被 AI 给抹平了。
你想想看,以前你想做一个网站,你需要会什么。HTML,CSS,JavaScript,这些是最基础的。要是想做复杂点的,还得学框架,学响应式布局,学服务器配置,学域名解析,学 HTTPS 证书。
现在呢,你只需要会说人话。
我跟 AI 说的第一句话是,我想做一个 WorkBuddy 的学习网站。
就这么一句。
然后它问我,这个学习网站的核心定位是哪种,建站目标是什么,要做到哪一步。三个问题。我选了教程站,分享建立影响力,规划完直接搭原型。
它给了我一张信息架构图,四大板块,八个模块。基础入门,能力扩展,实战应用,高阶玩法。从快速入门到进阶玩法,由浅入深排好了。
然后它直接开始搭。
首页,Hero 区,大标题加副标题。下面是四个功能特色卡片,再往下是八个模块导航卡片,每个点进去对应一类教程。最底下还有一个八步学习路径,从入门到精通排成时间线。
说实话我看到这个首页的时候愣了一下。
不是因为它有多惊艳,而是因为,这个设计,是我脑子里大概有那个感觉,但我描述不出来,它就给我做出来了。而且做出来的东西,比我自己能描述的要好。
那种感觉怎么形容呢,就像你脑子里有一张模糊的照片,然后有人帮你把焦对上了。
文档页是重头戏。
左侧是可搜索的侧边栏,二十篇教程的目录全列着。中间是内容区。右侧是 TOC,就是目录导航,你滚动的时候它会自动高亮当前在看的那个小节。
教程内容也是它写的,不是空壳。二十篇,每个模块两到四篇。而且这些内容,是基于我自己之前用 WorkBuddy 的真实经验来的。积分制踩坑,公众号封面 2.35 比 1 的比例,去 AI 味的写作规范,技能锻造流程,全在里面。
到这里为止,一切都很顺利,我以为搞定了。
然后,翻车了。
我点侧边栏的章节,不跳。
就那么静静地,没反应。
我当时第一反应是,是不是没保存。刷新了一下,还是不行。点别的章节,也不行。二十个链接,全是死链。
我跟 AI 说,章节不能跳转。
它查了一下,说,是侧边栏链接全是空锚点,原型阶段偷了懒。然后它补了一套动态加载逻辑,把二十篇教程做成了数据,点哪个加载哪个。
改完了,我看了一下,能跳了。
然后又不跳了。
???
我截了个图发给它,截图上写着,127.0.0.1 未发送任何数据。
它一拉 netstat,明白了。十七个 TIME_WAIT 连接堆积,一个 ESTABLISHED 卡死。Python 的 http.server,单线程,玩具级,浏览器并发请求一多,直接僵死给你看。
这就很离谱了。你想想,一个本地预览服务器,就我自己一个人在用,浏览器加载一个页面发四五个请求,它就扛不住了。
它做了三件事。
第一,杀掉卡死的 Python 进程,换了 Node 写的异步服务器。异步非阻塞,单进程吃几百并发。
第二,把侧边栏的点击事件改成了事件委托。以前是给每个链接单独绑事件,内容区重新渲染之后事件可能丢。改成委托之后,不管内容怎么变,事件永远在。
第三,给所有 JS 文件加了版本号。就是 src 后面跟一个问号加时间戳,强制浏览器拿新文件,不用旧的缓存。
这三步打完,稳了。
它还自己开了个浏览器,用自动化工具,连续点了八个不同章节,零报错,全跳成功。
我看到那个测试结果的时候,有一个感觉特别强烈。
就是 AI 在修 bug 这件事上,已经不像一个工具了。更像一个,怎么说呢,一个会自己排查问题的同事。
你跟它说哪里不对,它不会傻乎乎地只改那一个点。它会顺着往回倒,找到根因,然后从根因开始修,顺手把旁边可能一起塌的地方也加固了。
这件事让我有点恍惚。
因为以前我修 bug 的流程是这样的。报错,搜一下,看 Stack Overflow,试一个方案,不行,再试一个,行了,收工。整个过程我自己是参与其中的,我知道每一步在干什么。
今天这个流程里,我的参与度极低。我基本上就是,指了一下方向,然后它自己查,自己改,自己测,自己验证。
说实话这种感觉有点微妙。一方面爽,另一方面,有点说不上来的感觉。
算了,不纠结这个了。
网站修好之后,下一步是让它能被别人看到。
本地跑着没用,朋友打不开 127.0.0.1。
它帮我部署到了一个云端的沙箱环境,拿到了一个公网链接。我发给别人,别人打开就能看。
但那个链接有个问题,每次重新部署,链接会变。
我就问它,内容更新了链接一定要换吗。
它说,不一定。如果你用 Vercel,可以拿到一个固定域名,更新内容重新部署,链接永远不变。
Vercel 是一个免费的网站托管平台。你把文件传上去,它给你一个 xxx.vercel.app 的域名,公网可访问,自动配 HTTPS,全球 CDN 加速。
重点是不花钱。
它给我画了一张图,讲 Vercel 能干什么。静态站托管,在线工具分享,GitHub 自动部署,自定义域名,预览部署。
我选了最省事的路,直接传目录上去。
但 Vercel 需要一个账号。注册的时候又踩了一路坑。
Google 登录超时,国内网络不稳定。切到 GitHub,又要手机验证。输完手机号,等验证码,进去了。然后是 2FA 设置页面,直接跳过。再去创建一个 token,一串字符,给它,它一条命令部署上去。
拿到固定域名了。
workbuddy-learn.vercel.app。
这个链接,永久有效。发给朋友,发朋友圈,贴公众号,都行。以后我改了教程内容,让它重新部署一下,同一个链接自动更新,朋友存的地址永远不用换。
到这里,整个事情就闭环了。
从一个想法,到一个公网可访问的网站,固定域名,能分享,能更新。三四个小时,没写一行代码。
我现在坐在电脑前打这些字的时候,有一个感受越来越清晰。
就是 AI 这件事,正在把「做一件事」的门槛,从「你会什么」变成「你想做什么」。
以前你想做一个网站,你得先学会做网站。学习成本极高,很多人卡在第一步就放弃了。不是不想做,是学不会,或者觉得不值得花那个时间去学。
现在门槛消失了。你会打字,会描述你想要什么,你就能做。
当然,现在这个阶段,做出来的东西还比较基础。一个教程站,纯静态,没有后端,没有数据库,没有用户系统。你要是说拿去做一个淘宝,那还差得十万八千里。
但你想想,以前做一个这样的静态站,你需要会 HTML CSS JavaScript,需要懂响应式布局,需要会调服务器,需要懂域名解析和 HTTPS。现在这些全不用了。
那剩下什么是人要做的。
想。想清楚你要做什么,给谁用,解决什么问题。
这个事情,AI 替不了你。它不知道你想做什么,它只能根据你给的信息去推。你描述得越清楚,它做得越好。你描述得越模糊,它就只能给你一个模板化的东西。
所以某种意义上,会提问,会描述需求,正在变成一种新的「编程能力」。
你不需要会写代码,但你需要会写需求。
这事儿细想挺有意思的。
以前程序员的核心能力是把需求翻译成代码。现在 AI 把这一步吃了。但需求本身,从脑子里到文字的这一步,还是你的。
而且这一步,恰恰是最难的。因为大多数人,其实并不知道自己到底想要什么。有一个模糊的感觉,但说不清楚。
我自己今天也是这样。我说想做一个学习网站,但如果 AI 不反过来问我那三个问题,核心定位是什么,建站目标是什么,做到哪一步,我其实没想那么细。
是它的提问,逼着我把模糊的想法变成了明确的方案。
所以如果你也想用 AI 做点什么,我有一个不成熟的小建议。别急着开口,先自己问自己三个问题。我要做什么,给谁用,解决了什么问题。想清楚了再说。
想不清楚也没关系,说个大概,让 AI 来问你也行。但至少,你要能接住它的问题。
不然,它问你的问题,你答不上来,那这个东西就做不成了。
好了,网站挂在网上,链接在下面,想看的可以去看看。
workbuddy-learn.vercel.app
二十篇 WorkBuddy 教程,从快速入门到进阶玩法,基于我自己的真实使用经验写的。积分制怎么省着用,公众号怎么一键发草稿箱,技能怎么锻造,自动化任务怎么搞,都在里面。
不当教程看也行,当一个「AI 能做到什么程度」的样本看,也行。
反正我觉得,挺有意思的。
以上,既然看到这里了,如果觉得不错,随手点个赞、在看、转发三连吧,如果想第一时间收到推送,也可以给我个星标⭐~
谢谢你看我的文章,我们,下次再见。
/ 作者:航源 / 投稿或爆料,请联系邮箱:3559198105@qq.com
#WorkBuddy实战 #Vercel部署 #零代码建站 #AI修bug
引用链接
[1]wzglyay@virxact.com: mailto:wzglyay@virxact.com