CH 24 · 野兽派个人主页：一个提示词产出 HTML
本章目标
这一章不教你写 HTML、CSS、JavaScript——那些 dsh 会帮你写。你要做的只有一件事：把"我想要什么"说清楚。我们用一个具体的例子——野兽派风格的个人主页——走完从提示词到生成页面、再到微调满意的完整流程。做完这一章，你会知道怎么让 dsh 帮你从零生成一个静态网页，以及拿到结果后怎么迭代微调。
第 1 步：准备工作区
在你的电脑上选一个干净的目录，比如 E:\software-workspace\DeepSeek harness demo\HTML，在 dsh 里把它设为工作区。
为什么要单独一个目录？因为 dsh 生成的文件会落在工作区里，和其他项目混在一起容易乱。这一章它会生成一个 index.html，单独一个目录方便管理。
第 2 步：写提示词
这是本章最关键的一步。不要只说"帮我做个个人主页"——那样出来的东西大概率是模板味很重的通用页面。但也不需要你把风格细节全部写出来——dsh 自己会去了解野兽派风格是什么样的。
下面这条提示词可以直接用（这里名字用 supermortal 举例，你换成自己的就行）：
帮我做一个野兽派（Brutalism）风格的个人主页，单文件 HTML（CSS 和 JS 都内联在 index.html 里）。
你先去了解一下野兽派网页设计的典型特征和视觉风格，然后按照那个风格来做。
页面内容：
- 顶部：名字 supermortal + 一句话自我介绍
- 中间：三个区块——关于我、项目列表、联系方式
- 项目列表至少列 3 个项目，每个项目有名字、一句话描述、一个链接（用 # 占位就行）
- 底部：版权信息 + 一个"回到顶部"按钮
技术要求：
- 纯 HTML + CSS + 原生 JS，不要用任何框架
- 响应式，手机上也能看
- 所有文字内容用占位文本，我后面自己改
- 文件直接写到当前工作区，文件名 index.html
写完后在浏览器里打开验证一下页面能正常渲染，然后告诉我文件在哪。这条提示词的思路是：风格让 dsh 自己去查（它会搜索野兽派的典型特征），内容结构和技术要求你来定（页面放什么、用什么技术）。dsh 拿到这些就不需要猜，直接产出。
把这条提示词发到 dsh 的输入框里，等它跑完。它会自己查风格、自己写文件、自己打开浏览器验证、自己汇报结果。
第 3 步：看结果，微调
dsh 跑完后，工作区里会多一个 index.html。双击用浏览器打开，看看效果。
第一次产出大概率不会 100% 满意。比如我第一次跑出来的页面，内容太大、太挤着两侧：
这时候不需要改提示词重来，直接告诉 dsh 哪里不对。我给的微调提示词是：
内容过于庞大可以稍微小一点，并且内容稍微往中间一点点不要太挤着两侧页面更加充实dsh 会直接改 index.html，改完刷新浏览器看效果：
这一章你学到了什么
能自己完成下面几条，就算过关：
- [ ] 能写出一条提示词，让 dsh 生成一个静态网页
- [ ] 知道风格描述可以让 dsh 自己去查，不需要全部写死
- [ ] 知道拿到 dsh 产出的页面后怎么微调（直接说哪里不对，不用改提示词重来）