打工人备考六级｜我用 WorkBuddy 手搓一个专属六级学习网页，上班摸鱼也能学 #WorkBuddy

一边实习上班，一边备考英语六级，相信不少同学跟我遇到一样的痛点：手机 APP 背单词、刷阅读，上班拿手机很不方便；市面上现成的学习网站功能固定，没办法贴合自己薄弱点定制学习计划。

我一直在找一个电脑端可以直接打开、不用下载软件、可以自定义学习策略的工具。借助 WorkBuddy 网页生成能力，我从零手搓了一个本地六级学习单页网站，浏览器直接打开，所有数据保存在本机，不用联网，上班电脑上抽空就能刷题背词，完全适配打工人碎片化备考场景。

本文既是个人真实使用心得，同时附带完整实操步骤，大家看完也可以复刻属于自己的备考网页。

为什么我要自己做六级学习页面？

1. 办公电脑使用友好：上班期间，电脑浏览器直接打开，不需要掏出手机，避免分心，碎片时间就可以做阅读、记单词。
2. 完全自定义学习策略：市面上的备考 APP 是固定算法，我可以按照自己情况配置：比如我听力薄弱，就加大听力练习板块；阅读扣分多，就多放真题阅读模块，不用被软件的学习节奏绑架。
3. 本地存储数据：使用浏览器 localStorage 保存我的错题、单词记忆进度，不需要服务器，隐私安全，刷新页面进度不会丢失。
4. 轻量化，无广告：没有开屏广告、没有会员弹窗，打开直接进入学习。

之前我以为做网页需要懂前端写大量代码，接触 WorkBuddy 之后才发现，普通用户也可以通过描述需求，直接生成完整可用的 HTML 页面，不需要深厚编程基础。

🛠️实操教程：使用 WorkBuddy 搭建六级备考网页

前提：电脑端安装 WorkBuddy 客户端，登录账号，建议选择「网页生成 / 前端开发」专家角色，输出质量会更好。

第一步：写好你的结构化提示词

不要简单输入 “帮我做一个六级网站”，把你的身份、使用场景、功能需求、技术约束全部写清楚。 我实际使用的提示词分享给大家，可以直接复制使用：

帮我生成一个大学英语六级备考单页HTML网站，全部代码放在一个html文件，纯前端，不需要后端服务器，数据全部用localStorage本地存储。
使用场景：职场实习打工人，电脑浏览器使用，上班碎片化时间备考六级。
需要包含功能：
1.六级核心单词背诵模块，可以标记已掌握/陌生单词，记录记忆进度
2.真题阅读练习模块，可以录入阅读题干，记录错题
3.听力练习记录板块，记录听力错题笔记
4.学习计划自定义板块，我可以自己输入我的备考策略，比如每日背多少词、刷题计划
5.学习统计看板：统计已背单词数量、错题数量，简单数据展示
UI风格：简约清爽，低饱和度，适合长时间电脑阅读，不要花哨动画。
输出完整可直接保存运行的HTML代码，附带简单使用说明。

把这段提示词发送给 WorkBuddy，等待 AI 完成任务，它会输出完整 HTML 代码，附带简单说明。

第二步：拿到代码，生成本地网页文件

1. 复制全部返回的 HTML 代码；
2. 在电脑桌面新建文本文档，粘贴全部代码；
3. 文件另存为，文件名修改为 cet6‑study.html，编码选择 UTF‑8，保存类型选【所有文件】。

⚠️重点：后缀必须是 .html，不是.txt。

第三步：运行和迭代优化

双击这个 html 文件，就会直接用浏览器打开你的六级学习网站，不需要部署，不需要网络。

如果有不满意的地方，直接继续跟 WorkBuddy 提修改需求，例如：

• “把单词模块字体调大一点”
• “增加翻译显示开关”
• “增加计时器，做阅读计时”

反复迭代，打磨成最贴合你自己备考习惯的页面。

我自己就迭代了很多轮，一开始版本功能简陋，不断补充细节，最后得到现在日常在用的版本。

使用体验：解决打工人备考的真实痛点

现在我实习上班，午休、工作间隙，直接打开本地这个 html 文件，就可以背单词、复盘错题。 不用切换手机，不用安装各类 APP，学习策略完全自己说了算：这周想主攻阅读，我就在自定义计划板块设置重点刷阅读；下周要冲听力分数，就把听力练习放在首页显眼位置。

所有错题、单词记忆进度全部保存在浏览器本地，关掉网页再打开，数据不会消失。

#WorkBuddy #AI WorkBuddy、AI办公、效率工具