我打造了一个免费 Invoice Generator、Resume Builder 和 Cover Letter Generator,无需注册

发布: (2026年5月3日 GMT+8 03:51)
10 分钟阅读
原文: Dev.to

Source: Dev.to

抱歉,我需要您提供要翻译的具体文本内容。请粘贴文章的正文(除代码块和 URL 之外),我会为您翻译成简体中文并保留原有的格式。

Source:

介绍

一位朋友昨天让我推荐一个免费的发票生成器。我在 Google 上打开了前十个搜索结果,它们都做了同样的事:要么是注册墙,要么是收集电子邮件,或者在 PDF 上加水印,除非你付 $12/月。从表单字段生成 PDF 是一个已经解决的问题,却莫名其妙地成为了 SaaS 类别。

于是我在一天之内做了三个:

  • Invoice Generator
  • Resume Builder
  • Cover Letter Generator

这三者全部在你的浏览器中运行。没有数据会离开你的设备。无需账号。没有水印。

为什么现有工具会失败

我上个月为一位自由职业者的朋友寻找免费发票生成器。每一个要么:

  • 需要注册
  • 只限使用一个模板
  • 在 PDF 上添加他们的品牌标识
  • 明显是他们 SaaS 产品的流量入口

同样的情况也出现在简历生成器上:免费层只能使用一个基础模板,而一旦想要看起来更专业,就会遇到付费墙。

问题在于,从表单数据生成 PDF 并不是一个难题。浏览器已经具备所有所需。pdf-lib 是一个出色的开源库,能够完全在 JavaScript 中创建 PDF。实际上没有任何理由让你的发票数据必须经过别人的服务器。

架构概览

所有三个工具共享一个通用的 PDF 渲染层和受 PptPresentationMaker 启发的模板系统(它是 Kitmul 上最复杂的工具)。架构非常直观:

  1. React state 保存表单数据。
  2. 每次键入时,HTML/CSS 实时预览 会更新。
  3. 当您点击 Download 时,会在 Web Worker 中生成一个 pdf-lib PDF,并以 Blob URL 的形式提供。

发票生成器

发票生成器是三者中技术上最有趣的。

模板

有六种模板可供选择:

  1. 简洁
  2. 现代
  3. 经典
  4. 大胆
  5. 极简
  6. 企业

每种模板都有不同的页眉布局和配色方案。您可以上传公司徽标;工具会在客户端使用 “ 元素对其进行大小调整,然后通过 embedPng() 将其嵌入 PDF。

功能

  • 自动计算:小计、百分比或固定金额折扣、税率。
  • 实时预览:即时更新。
  • 货币选择器:支持十二种货币,并通过 Intl.NumberFormat 实现本地化格式。
  • 页眉布局计算:动态计算页眉高度(徽标 + 企业信息 + 发票详情),使彩色背景根据已填字段收缩或扩展。

表格渲染

pdf-lib 没有原生的表格概念,因此我编写了一个共享的 drawTable 辅助函数,实现以下功能:

  • 根据文本换行计算行高
  • 处理交替的行背景色
  • 当表格溢出时自动分页

该辅助函数现已可在所有三个工具中复用。

简历生成器

简历生成器是最复杂的工具(约 900 行)。

模板

有五种模板可供选择:

  1. Classic – 单列,最大 ATS 兼容性
  2. Modern – 彩色侧边栏用于联系信息和技能
  3. Professional – 双列页眉
  4. Minimal – 大量留白
  5. Executive – 粗体强调下划线

设计选择

  • 仅使用 pdf-lib 中的 StandardFonts(Helvetica 与 Helvetica‑Bold)。
    • 自定义字体看起来更好,但会破坏申请者追踪系统(ATS)。
  • 每个模板都输出 真实、可选取的文本,从上到下绘制,绝不使用文本图像。
  • 即使是 Modern 模板,也会先按阅读顺序绘制主要内容,使 ATS 在读取联系信息之前先读取你的工作经历。

功能

  • 可以通过拖拽 重新排序 各章节(例如,将“工作经历”移动到“教育背景”之上)。
  • 你可以添加证书、语言、项目等。
  • 每条工作经历支持多个要点,并提供添加/删除控制。
  • 多页 PDF 会使用恰当的分页,确保章节标题与其内容不被拆分。

求职信生成器

求职信生成器是三者中最简洁的,这并非偶然。求职信是一封格式化的商务信函;格式错误会让你显得马虎。

模板

提供四种模板:

  1. 传统 – 发件人信息位于右上角(正式标准)
  2. 现代 – 大字号姓名配水平装饰线
  3. 专业 – 彩色标题块
  4. 简约 – 干净、极简布局

所有模板均遵循正确的商务信函规范:发件人信息位置、日期格式、称呼、正文段落以及结束语。

关键要点

  • 无需 AI 编写你的信件。你自己撰写,工具负责排版。
  • 人工撰写的内容配以简洁布局,比起在花哨设计中的 GPT 生成信更能脱颖而出。

隐私与数据安全

These three tools handle sensitive information:

  • 发票: business details, client names, financial data
  • 简历: employment history, contact information
  • 求职信: specific companies you’re applying to

Every alternative I tested (Zoho, Canva, Resume.io, Zety, etc.) sends this data to a server, requires an account, and stores the data under their privacy policies—often using it for “service improvement” (i.e., training models).

Browser‑based tools make privacy the default:

  • No server to send data to.
  • pdf-lib generates the PDF in a Web Worker.
  • The browser creates a Blob URL for download, keeping everything local.

结论

从表单数据生成 PDF 已经是一个成熟的方案,无需被锁在 SaaS 收费墙后面。通过利用 pdf-lib 和客户端渲染,我创建了三个免费、以隐私为先的工具:

  • 发票生成器 – 六个专业模板,实时计算,支持嵌入徽标。
  • 简历构建器 – 五个 ATS 友好模板,拖拽式章节,支持多页。
  • 求职信生成器 – 四个简洁商务信函模板,无 AI,内容完全可控。

所有工具均在浏览器中完整运行,无需注册无水印,且数据不离开你的设备。欢迎随意尝试,并将链接分享给需要免费、可信文档生成器的任何人。

下载行为
下载是通过本地锚点点击实现的。你的数据会保存在浏览器内存中,直至关闭标签页。

工具

  • Receipt Generator – 发票的镜像,用于收款方
  • NDA Generator – 基于模板的简易法律文档
  • Meeting Minutes Generator – 结构化笔记转 PDF

全部遵循相同的模式:表单数据 → 实时预览 → 干净的 PDF
共享的布局助手使每个新工具的构建速度都比上一个更快。

如果你是制作发票的自由职业者、正在打磨简历的求职者,或是任何需要专业文档而不想繁琐注册的人,试试看这些工具吧。它们位于 kitmul.com,并与 400 多个其他免费浏览器工具并列。

相关工具

  • PPT 演示文稿制作工具
  • 文本转 PDF
  • PDF 合并工具
  • 预算规划器
  • 图片转 PDF

参考文献

  • pdf-lib:在 JavaScript 中创建和修改 PDF
  • Applicant Tracking System(维基百科)
  • Intl.NumberFormat(MDN)
  • US business letter format(Purdue OWL)
  • How ATS parsers read resumes(Jobscan)
0 浏览
Back to Blog

相关文章

阅读更多 »