个人简历 / 作品集站

简历站不是把 Word 简历搬上网，它的读者是只有 30 秒的人。

三段骨架（顺序固定）：

1. 我是谁：一句话定位 + 年限 + 城市 + 当前状态（在职 / 接活 / 找机会）
2. 做过什么：3–5 个作品或项目，每个写「背景 → 我做了什么 → 结果（带数字）」
3. 怎么联系：邮箱 + 一个备用渠道，写清回复时效

作品卡片的写法：
项目名（时间）→ 一句话背景 → 我负责的部分 → 可量化结果
没有数字就写规模（用户量、时长、团队角色），空泛的「负责相关工作」等于没写。

别放的：完整履历时间线、课程成绩、与岗位无关的兴趣。读者不关心，还会稀释重点。

隐私取舍：手机号、住址、身份证一概不上网；邮箱用一个专门的，别用公司邮箱。

简历站用不上框架：一个 HTML + 一份 CSS 就够，还能顺手解决 PDF。

结构建议（单文件即可）：

<header>姓名 · 定位 · 联系方式</header>
<section id="works">作品 / 项目卡片</section>
<section id="stack">技能关键词</section>
<footer>更新时间 · 下载 PDF</footer>

打印样式（关键 10 行）：

@media print {
  .no-print { display: none; }      /* 隐藏按钮和导航 */
  a[href^="http"]::after { content: " (" attr(href) ")"; font-size: 12px; }
  body { font-size: 12pt; }
  .card { break-inside: avoid; }     /* 卡片不跨页断开 */
}

浏览器 Ctrl+P → 另存为 PDF，一份排版干净的简历就有了，比任何在线转换工具都可控。

移动端：作品卡片单列堆叠，联系方式用 tel: / mailto: 可点。

深色模式可选，但打印样式必须做——HR 最终要的是 PDF。

域名优先级：名字.com > 名字.me > 名字.dev > 子域名。短、好拼、能口头念出来最重要——简历链接是要被转述的。

托管三选一：

• GitHub Pages / Vercel：免费、自动 HTTPS，push 即更新
• 对象存储静态托管：国内访问快，几元/月
• 自有服务器子目录：已有服务器时最省事

访问观测（简历站最容易被忽略但最有用）：
埋 pv + 两个事件：

• contact_click：点击邮箱 / 社交链接（这是你真正的转化）
• pdf_download：下载 PDF

为什么值得埋：如果你投了 20 家只有 3 个人点开邮箱，问题不在简历内容而在投递渠道；如果点开率高但没人联系，才是内容问题。没有数据你只能猜。

口径登记：把 contact_click 写进 data/conversion.json，注明「主转化事件」。

顺手做的：页面加 canonical、description 写「姓名 · 方向 · 城市」，方便被人搜到。

简历站最容易死的不是内容，是链接失效：换工作、换邮箱后旧链接 404，前面的投递全白费。

三条维护纪律：

1. 季度更新：哪怕没换工作，也补一条最近做的事，页面顶部写「最后更新 YYYY-MM」—— dated 的简历会让人怀疑状态
2. 链接永久有效：域名续费开自动续订；换托管时旧地址做 301 到新地址，别直接删
3. 版本留档：每次大改前把 HTML 存一份 resume-YYYYMM.html，需要投不同方向时可以按版本改几行再发

投递时可以这样用：一个主版本 + 按岗位微调的副版本（改定位一句话与作品排序），比一份通用简历转化高。

顺手：把简历页也放进 data/index-observation.json？不需要——简历站不需要搜索流量，你该关心的是 contact_click，不是收录。收不收录无所谓，有人点邮箱才算数。