Resume HTML Generator
Create pixel-perfect HTML resumes with advanced layouts, photo support, and PDF export.
Features
- - 📄 HTML Output: Beautiful, editable HTML resumes
- 📸 Photo Support: Automatic photo embedding
- 🎨 Advanced Layouts: CSS Grid, Flexbox, custom styling
- 📑 PDF Export: High-quality PDF output via Playwright
- 🎯 Pixel-Perfect: Professional, print-ready design
- 🌍 Multi-Language: Chinese and English presets
- 🖥️ Cross-Platform: Windows, macOS, Linux
- 🎨 10 Presets: 5 Chinese + 5 English styles
Presets Available
Chinese (中文)
| Style | Design | Best For |
|---|
| 经典蓝 | Blue gradient header | 通用、职场 |
| 极简白 |
Clean, minimal | 简约、设计 |
|
商务黑 | Dark professional | 金融、法律 |
|
科技绿 | Green tech style | 互联网、科技 |
|
学术紫 | Purple academic | 学术、研究 |
English
| Style | Design | Best For |
|---|
| Silicon Valley | Modern left-aligned | Tech companies |
| Academic |
Traditional serif | Research |
|
Creative | Gradient sidebar | Design, creative |
|
Modern Dark | Dark header | Management |
|
Minimal | Simple centered | General |
Trigger Conditions
- - "Create HTML resume" / "创建HTML简历"
- "Generate PDF resume" / "生成PDF简历"
- "Make a pixel-perfect resume" / "制作精美简历"
- "resume-html"
How It Works
CODEBLOCK0
HTML Template Example
CODEBLOCK1
PDF Export
CODEBLOCK2
Usage Examples
CODEBLOCK3
Advantages Over Word-based Resume
| Feature | Word | HTML → PDF |
|---|
| Photo embedding | ⚠️ Limited | ✅ Perfect |
| Complex layouts |
❌ Tables only | ✅ CSS Grid/Flexbox |
| Custom styling | ⚠️ Limited | ✅ Unlimited |
| Print quality | ⭐⭐⭐ | ⭐⭐⭐⭐⭐ |
| File size | Large | Small |
| Editable | ✅ Yes | ✅ HTML editable |
Notes
- - HTML provides pixel-perfect control
- PDF export using Playwright
- Photo embedding with base64
- Cross-platform compatible
- Professional, print-ready output
Resume HTML Generator
创建像素级完美的HTML简历，支持高级布局、照片嵌入和PDF导出。
功能特性
- - 📄 HTML输出：美观、可编辑的HTML简历
- 📸 照片支持：自动嵌入照片
- 🎨 高级布局：CSS Grid、Flexbox、自定义样式
- 📑 PDF导出：通过Playwright生成高质量PDF
- 🎯 像素级完美：专业、可直接打印的设计
- 🌍 多语言支持：中文和英文预设
- 🖥️ 跨平台：Windows、macOS、Linux
- 🎨 10种预设：5种中文 + 5种英文样式
可用预设
中文
| 样式 | 设计 | 适用场景 |
|---|
| 经典蓝 | 蓝色渐变页眉 | 通用、职场 |
| 极简白 |
干净、简约 | 简约、设计 |
|
商务黑 | 深色专业风格 | 金融、法律 |
|
科技绿 | 绿色科技风格 | 互联网、科技 |
|
学术紫 | 紫色学术风格 | 学术、研究 |
英文
| 样式 | 设计 | 适用场景 |
|---|
| Silicon Valley | 现代左对齐 | 科技公司 |
| Academic |
传统衬线字体 | 研究 |
|
Creative | 渐变侧边栏 | 设计、创意 |
|
Modern Dark | 深色页眉 | 管理 |
|
Minimal | 简单居中 | 通用 |
触发条件
- - Create HTML resume / 创建HTML简历
- Generate PDF resume / 生成PDF简历
- Make a pixel-perfect resume / 制作精美简历
- resume-html
工作原理
用户提供信息
↓
- 1. 生成带CSS的HTML
↓
- 2. 嵌入照片（可选）
↓
- 3. 在浏览器中渲染
↓
- 4. 导出为PDF
↓
输出：resume.html + resume.pdf
HTML模板示例
html
求职意向
职位：{{target_position}} | 期望薪资：{{salary}}
工作经历
{{#each experience}}
{{position}}
{{#each responsibilities}}
- {{this}}
{{/each}}
{{/each}}
专业技能
{{#each skills}}
{{/each}}
PDF导出
python
from playwright.syncapi import syncplaywright
def exporttopdf(htmlpath, pdfpath):
使用Playwright将HTML导出为PDF
with sync_playwright() as p:
browser = p.chromium.launch()
page = browser.new_page()
page.goto(ffile://{html_path})
page.pdf(path=pdf_path, format=A4, margin={
top: 0mm,
bottom: 0mm,
left: 0mm,
right: 0mm
})
browser.close()
return pdf_path
使用示例
用户: Create a beautiful HTML resume
助手: 生成带CSS样式的HTML
用户: 生成PDF简历，包含照片
助手: 生成HTML，嵌入照片，导出PDF
用户: 做一个科技风格的简历
助手: 使用现代风格模板
相比Word简历的优势
| 功能 | Word | HTML → PDF |
|---|
| 照片嵌入 | ⚠️ 有限 | ✅ 完美 |
| 复杂布局 |
❌ 仅表格 | ✅ CSS Grid/Flexbox |
| 自定义样式 | ⚠️ 有限 | ✅ 无限 |
| 打印质量 | ⭐⭐⭐ | ⭐⭐⭐⭐⭐ |
| 文件大小 | 大 | 小 |
| 可编辑性 | ✅ 是 | ✅ HTML可编辑 |
注意事项
- - HTML提供像素级完美控制
- 使用Playwright导出PDF
- 使用base64嵌入照片
- 跨平台兼容
- 专业、可直接打印的输出
