【标签】 学习工作
【标题】 【学习工作赛道】Resume Studio —— 按职位挑模板的在线简历网站
【正文】
- 我是谁： 大家好，我是一个想让「做简历」这件事不再折磨人的普通求职者/自学者。
- 你是怎么用 TRAE 把 Demo 做出来的： 说实话，我一开始只有一个模糊的想法——「能不能按职位自动帮我选好简历版式，我只管填字就行」。我就把这句话原原本本讲给了 TRAE，然后一步步补充细节：先让它搭出网站骨架，跑通后再告诉它「不同职位要用不同版式和栏目顺序」，最后再加「实时预览、导出 PDF、本地保存」。最让我惊讶的一步是换职位时版式和配色能自动联动——我以为这得写一大堆逻辑，结果 TRAE 用一份配置表就搞定了。原本我最怕的「导出 PDF」和「A4 排版对齐」，它也直接用浏览器打印方案帮我跨了过去。全程我没写几行代码，更多是「把想法讲清楚」。
1. Demo 简介
- 是什么： 一个纯前端的在线简历制作网站，打开浏览器即用，无需注册、数据不上传服务器。
- 面向谁： 正在投简历的求职者——校招应届生、软件工程师、产品/数据/设计/运营等岗位，以及需要中文学术简历的升学人群。
- 主要功能：
- 8 套职位模板：不同岗位自动匹配不同版式与栏目顺序（工程师技能靠前、应届生教育靠前、设计师双栏、学术版带证件照）；
- 左填右预览：按 A4 纸比例实时渲染，改一个字预览立刻更新；
- 一键导出 PDF + 内容自动存本地，刷新不丢。
2. Demo 创作思路
- 灵感来源： 网上的简历工具要么要付费/注册，要么模板花哨不专业；而 GitHub 上有很多优秀的开源简历版式（Jake’s Resume、Awesome-CV、Deedy、OrangeX4 中文 Typst），可惜大多要懂 LaTeX/Typst 才能用。
- 想解决的问题： 普通人排版简历太痛苦——对齐、间距、该把哪块内容放前面全靠自己纠结，还容易做得不专业。
- 为什么做这个方向： 把「专业版式」和「零门槛填写」结合起来——版式按职位帮你选好、栏目顺序按岗位习惯排好，用户只管填内容。视觉上走极简克制路线（浅米白 + 近黑、衬线标题 + 无衬线正文），让简历回归内容本身。
3. Demo 体验地址
公开体验链接（随时可访问）：
https://resume-studio-q7t4cwfizw-b6fix5iu0m.preview.iga-pages.com?iga_token=76f4ac3fc9f435f91c7b7f167f53c8c3&iga_time=1783101355
4. TRAE 实践过程
用 TRAE 完成开发的完整流程：
- 需求对齐：把「按职位挑模板 + 在线填写 + 实时预览 + 导出 PDF」的目标和极简设计规范（配色、字体、A4 比例）讲给 TRAE。
- 分步生成：按「项目骨架 → 职位与版式对应 → 细节与导出」三步喂需求，跑通一步再追加下一步。
- 模板引擎：用一份
TEMPLATES配置驱动 8 个职位，每个职位指定版式（单栏/居中/双栏/Typst）+ 栏目顺序 + 主色，切换职位时版式与配色联动。 - 一键上线：最后由 TRAE 通过 IGA Pages 把网站部署成公开链接。
502900173832569:3f0c1e991e344e9fcabe67d505f8731b_6a47c87a52c6bc940c844316.6a47cac7dddd4e007fbd3cbf.6a47cac7dddd4e007fbd3cbd:TRAE Work CN.0.1.29.no_sid.no_ppe.T(2026/7/3 22:44:23)
5. 对应的报名审核通过的帖子链接
提交初赛 Demo 倒计时！7 月 15 日截止，别错过晋级复赛 - TRAE 官方中文社区