3.1 用 WorkBuddy 做网站：从一句话到在线可访问

用 WorkBuddy 做网站，本质上是一条流水线：提需求 → 生成 → 预览 → 迭代 → 发布。它是个 AI 智能助手，你在对话框里用大白话描述想要什么网站，它就能生成网页并在对话中直接预览。具体的按钮位置和界面细节以 WorkBuddy 当前版本为准，但这条流程不会变。

拿装修打比方：第一步你告诉装修队“我要什么样的家”，第二步它给你出效果图，第三步你围着效果图转两圈挑毛病，第四步让师傅改，第五步拎包入住。下面按这五步，用“个人作品集网站”从头走一遍。

第一步：把需求说清楚（可直接照抄的范例）

一个合格的需求描述长这样，你可以直接抄走改内容：

我想做一个个人作品集网站。我是平面设计师，网站主要给潜在客户看。需要三个栏目：首页（放我的名字、一句话介绍和三张代表作品图）、作品页（放 6 个项目，每个项目配一张图和两三行说明）、联系页（放我的微信二维码和邮箱）。整体风格简洁现代，白底黑字，主色调用蓝色。手机上看也要整齐。文案我后续提供，图片先用占位图。

这段话包含四个要素，缺一个，效果就打折扣：

新手可以直接套模板：“我想做一个_网站。我是_，网站主要给_看。需要_个栏目：……。整体风格_，手机上看也要整齐。内容来源是_。”四格填满，再发出去。

第二步：生成与预览

需求发出去，WorkBuddy 会生成网页并在对话中呈现预览。这时候别急着夸也别急着骂，先做三件事：

• 换到手机视角看一遍，检查布局有没有乱掉；
• 把每个栏目挨个点一遍，看内容位置对不对；
• 对照你的需求清单，把“做到了的”和“没做到的”分别记在两张便签上。

预览就像毛坯房的验收，这时候发现问题成本最低，等“住进去”（发布上线）再改，动静就大了。

第三步：提修改的技巧

修改需求最忌讳一句“感觉不对，再改改”——AI 不知道你“感觉”的是什么。正确的姿势是把感受翻译成具体指令：

一次只提一两类修改，改完看一眼再提下一批。一口气倒十几个要求进去，就像让装修队同时刷墙、铺地、改水电，最后哪样都容易走样。

第四步：发布与下线

满意之后，让 WorkBuddy 把网站发布为在线链接，拿到网址就能发给朋友、贴到简历里。别人打开链接看到的就是你刚预览过的页面，不需要你准备服务器，也不需要懂部署。

日后想改内容或暂时不想让人访问，同样在对话里说一声即可：可以继续迭代再重新发布，也可以取消发布让链接下线。上线和下线都是一句话的事，网站不再是“发了就动不了”的死东西。

常见卡点与解法

• 生成效果和预期有偏差：多半是需求太笼统。用“截图式语言”描述期望——比如“首页顶部要一条通栏大图，图上叠一行白色大标题，标题下面一个圆角按钮”，精确到位置和颜色，偏差会小很多。
• 改来改去越改越乱：停下来，把当前满意的部分先固定住，明确说“其他部分不要动，只改××”，再继续。
• 一时不知道怎么提需求：翻回上面的四要素模板，先填空再对话，永远不会跑偏。

一句话总结这一节：需求说清楚，预览细检查，修改一次一件事，发布之后随时可回炉。