不懂代码不懂设计,网站我用WorkBuddy做出来了

你好，我是吴帝，陪伴普通人高效工作，一起把重复工作交给机器，把时间留给自己。

一直有个念头，没敢动手。想给自己做个网站，把做过的东西堆在一个链接里，发出去就能看。

没动手的原因很实在。做网站这件事，过去要三样东西，懂代码、懂设计、懂部署。三样我一样不占。

前几天我花了两个小时，把这个念头落地了。网站已经挂在线上，链接能打开，手机电脑都能看。全程没写一行代码，也没装任何新软件。

一、先别急着提需求，先跟它聊你的灵感

如果你上来就甩一串要求，出来的东西多半不是你要的。

我的做法是先聊天。我说，我是一个独立做内容的人，想做个个人网站，展示我做过的案例，以后谈合作直接把链接发过去。

它没急着动手，先反过来问我几件事。要放哪些内容，给谁看，目的是什么。

这三问很关键。放什么决定板块，给谁看决定风格，目的决定重点。

聊完它给了一份板块清单，从顶部导航、首屏大图，到精选作品、服务项目、合作流程、联系方式，一项项列清楚，还说明每项的作用。

 

① 聊完灵感，它给出一份板块清单，我只需要挑和删

看完我删掉两项。不合自己情况的，删掉就好。

二、骨架一次说完，别想到哪说到哪

这一步翻车的人最多。

很多人做一个网站能来回折腾一星期，原因是想到哪说到哪，今天加个头图，明天补段介绍，每次都让工具推倒重来。

正确做法是把骨架一次性交代清楚。我的提示词大概是这个结构，我的身份是什么，网站用来干什么，整体风格要什么感觉，页面依次包含哪几块。

有个细节容易漏。要加一句，页面按电脑端展示来做，后面要放图片、视频和动效，电脑端更好操作。

 

② 把骨架一次性说完，它一次就把框架搭出来了

三、不懂设计术语？截图加参考图

骨架搭完，第一版长这样。

 

③ 第一版的封面，能用，但离好看还差一口气

我不懂设计，说不出具体要改什么。光说「再高级一点」「再留白一点」，它也猜不到我要什么。

于是换了个办法。我把不满意的部分截图发给它，再找一张我喜欢的网页截图一起发过去，说清楚参考哪一点。

它有反馈，也有判断，会告诉我哪些能实现、哪些和我的内容不搭。来回磨了几轮，首页变成了这样。

 

④ 同样的骨架，换成水波动态背景加毛玻璃卡片，气质完全不同

这一招绕开了专业术语那道墙，不懂设计的人也能把审美说清楚。

四、想让它动起来，就说清楚什么时候动、怎么动

网站和文档的区别，就在这儿。静态页面是资料，动起来的页面才有印象。

但只说「加个动画」，等于没说。要交代清楚两件事，什么时候动，怎么动。我常用的几句是，页面向下滚动时，各个板块依次渐现上浮；鼠标停在作品卡片上，卡片轻轻抬起；顶部那条竖线做成循环波形。

视频也是同理。把视频拖进对话框，告诉它插在哪个位置、怎么播。我说的是，插到作品模块的第一张卡片里，带播放按钮和时长显示，滚动到这个位置自动播放。

 

⑤ 视频插进卡片，滚到那儿自己就播了

五、上线前先自己走一遍，发布只要点两下

做完别急着发。把页面全屏打开，从头滚到尾，看图片有没有对齐，动效有没有卡，视频能不能自动播。有问题一次改完。

改文字也简单。把文件保存进资料库，打开编辑模式，选到要改的地方直接改。

确认没问题，点右上角的转发，复制链接，网站就成了一个公开地址，谁点开都能看。

 

⑥ 发布就两步，复制链接发出去就行

后面想更新内容，改完再点分享，会提示内容有更新，点一下同步，同一个链接打开就是新的。

另外，如果对链接的长期稳定性要求高，可以把代码同步到 GitHub，用自己的仓库部署，更稳。

写在最后

两个小时，一个能发得出去的网站。

这件事真正让我在意的，不是省了几千块外包费。是我又确认了一遍，卡住普通人的从来不是能力，是那些必须懂术语、必须学专门软件才能跨过去的门槛。门槛一没，剩下的就是你想不想做。

我把自己这次做网站的完整路径，灵感梳理的话术、一次性交代骨架的提示词、板块清单、动效描述清单，整理成了一份资料。

想要的话，直接在公众号后台回复关键词「个人网站」。建议复制粘贴，别手打，打错一个字系统不认识就不回复。

我是吴帝，All-in AI一人公司的普通人。这里记录我踩过的坑、跑通的流程和真实的思考。如果对你有启发，欢迎留下来，一起把这件事做成。

- END -