它是怎么工作的
左边写一份 Markdown，
右边实时预览一张真实的 A4 纸，红色虚线是分页位置。
排版就写在同一份文档里的 <style> 块中——一份文件就是一份完整的简历，拷到哪都一样。
所有数据只存在这台设备的 localStorage 里，不经过任何服务器。
快捷键
| Ctrl / ⌘ + S | 保存 |
| Ctrl / ⌘ + P | 导出 PDF |
| Esc | 关闭对话框 |
| 拖动中间分隔条 | 调整左右比例（也可以聚焦后用方向键） |
约定：排版靠这几个标签认结构
所有模板都按同一套结构写，照着这个格式写就能直接换模板里的样式块，正文一个字都不用动
（工具栏「插入条目」会帮你写好骨架）：
# 姓名
一行联系方式
## 章节标题
### 公司 / 学校 <span>2021.06 - 至今</span>
#### 职位 / 专业 <span>城市</span>
- 用 STAR 法则写成果，尽量带数字
标题末尾的 <span> 会被推到右边对齐，用来放时间和地点，数字走等宽字形，
所以时间线永远是齐的。`行内代码` 会渲染成技能标签，
两列表格会渲染成「标签 — 内容」（表头行只是写给编辑器看的，不会印出来）。
改样式
模板自带的排版都写在文档开头的 <style> 里，直接改就行。空白简历没有样式块，
点工具栏的「自定义样式」会在文末追加一段，里面写规则就能覆盖底座样式，删掉整段就恢复默认。
最常用的几个变量已经列在注释里了：
<style>
:root {
--fs: 10.2pt; /* 正文字号，改它一份简历等比缩放 */
--lh: 1.5; /* 行距 */
--page-x: 18mm; /* 左右页边距 */
--accent: #111; /* 强调色 */
}
</style>
凑页数优先动 --fs 和 --sp-sec，别去删内容。
分页
在需要断开的地方插入 <div class="page-break"></div>（工具栏「插入分页」按钮会帮你写），
打印时就会从这里翻页。标题、列表项、表格行默认不会被撕成两页。
双栏
「校招 · 双栏一页」和「English · Sidebar」两份模板的样式需要内容里有下面这样的容器，注意 <div> 后面要空一行，
Markdown 才会继续解析。其余模板遇到这个容器会自动退化成单栏，不会排版错乱：
<div class="cv-grid">
<div class="sidebar">
## 联系方式
- ...
</div>
<div class="main">
## 工作经历
...
</div>
</div>
ATS：投递前想一下
不少公司会先用简历筛选系统做机器解析，双栏、表格、文本框、图片里的文字都容易被读乱甚至丢掉。
投大厂、校招和猎头渠道建议用 应届生 / 实习 或 后端工程师 这类单栏模板；
双栏那两份留给人工渠道或者作品集。
导出 PDF
点「导出 PDF」会调用浏览器打印。在打印对话框里记得把页眉和页脚关掉、边距选「无」，
页面尺寸选 A4，否则会多出网址和页码。缩放保持 100%。
头像
点「插入图片」会把图片转成
Data URL
直接嵌进 Markdown，不会上传。注意浏览器本地存储通常只有 5MB 左右，图片建议先压到 200KB 以内。
位置和大小用 CSS 的 img 选择器调。
字体
中英混排建议无衬线：思源黑体、
San Francisco；
纯英文简历用衬线也很好。字体必须是本机装了的才会生效，导出 PDF 时会被嵌入。
写作
STAR 法则 ·
中文文案排版指北 ·
图标可以从 Feather Icons 复制 SVG 直接粘进来。
数据在哪
在浏览器的 localStorage 里。清浏览器数据、换浏览器、无痕模式都会丢，
所以请定期用「备份全部」导出一份 JSON。单份简历「导出」出来的 .md
就是文档本身，样式在里面，扔到别处也能原样渲染。