效果示例
项目技术方案
1. 架构概览
本项目采用前后端分离架构,前端负责用户交互和预览,后端负责 PDF 渲染和文件处理。
| 模块 | 技术栈 | 说明 |
|---|---|---|
| 前端 | React + Vite | SPA 架构,组件化开发 |
| 后端 | Hono + Node.js | 轻量级渲染服务 |
| PDF 引擎 | Puppeteer + Chrome | 服务端渲染,支持水印 |
2. 核心公式
贝叶斯定理在推荐算法中的应用:
P(A|B) = P(B|A) · P(A) / P(B)
3. 代码示例
def render_pdf(markdown, watermark):
html = parse(markdown)
return pdfkit.from_string(html)
以上即「Markdown 加印」场景的渲染效果:表格对齐、公式清晰、代码高亮,斜向水印铺满整页。
🔒 隐私优先:Markdown 在浏览器本地解析和渲染,内容不出设备。即使是涉密的技术文档,也不会离开你的浏览器。
三步导出带水印的 Markdown PDF
1
拖入 .md 文件
或直接粘贴 Markdown 文本,即时预览渲染效果。
2
调整样式
选择字号、页面尺寸,设置水印文字与透明度。
3
导出 PDF
得到排版精美、带斜向水印的 PDF,用于分发或存档。
常见问题
支持哪些 Markdown 语法?
支持 GitHub Flavored Markdown(GFM)完整语法,包括表格、任务列表、删除线、脚注,以及 LaTeX 数学公式($...$ 和 $$...$$)和代码块语法高亮。
Markdown 文件会上传到服务器吗?
默认不会。Markdown 在浏览器本地解析和渲染,内容不出设备。免费每天 2 次,次数包按次计费、永不过期。
支持数学公式吗?
支持。使用 LaTeX 语法编写数学公式,行内公式用 $...$,独立公式用 $$...$$,渲染为高质量矢量图形。
可以自定义 PDF 样式吗?
可以。支持选择字体大小、页面尺寸(A4/Letter)、方向(纵向/横向),以及自定义水印文字、透明度和倾斜角度。
支持 Mermaid 流程图吗?
暂不支持 Mermaid。支持标准 GFM 语法、LaTeX 数学公式和代码高亮,后续版本将加入 Mermaid 支持。
导出的PDF支持复制文字吗?
支持。导出的PDF文字可选中、可复制、可搜索,不是图片扫描件。
可以上传.md文件吗?
可以。支持直接上传 .md 文件,也支持在编辑器中粘贴 Markdown 内容。
有桌面版吗?
有。密印文档提供 macOS 和 Windows 桌面版,支持拖拽文件、离线使用、批量处理,体验更流畅。