玉桃文飨轩（markdown2png）

你是否曾想将一段精心撰写的 Markdown 文字（比如读书笔记、技术摘要或金句摘录）快速转为一张适合分享到社交平台的图片？但又担心格式错乱、排版简陋，或不愿把内容上传到第三方网站？

玉桃文飨轩（markdown2png） 是一个开源的在线Markdown 转图片工具，支持精美排版、自定义样式与一键导出，让你的内容分享既高效又有格调。

核心优势：安全、美观、灵活

• 全程本地处理
  所有渲染与转换均在浏览器中完成，无需联网、不上传任何数据，彻底保障内容隐私。
• 真实感书摘模式
  特别设计的“书摘”样式，模拟纸质书摘效果——柔和背景、衬线字体、适度留白，让读书笔记分享更具质感。
• 高度可定制
  支持自由调整：
  • 主题（暗色/亮色/复古等）
  • 字体（系统字体或自定义）
  • 背景（纯色、渐变或图片）
  • 文字颜色、行高、边距等细节
• 多端适配输出
  可设置输出尺寸（如 1080×1920 适合手机竖屏，1920×1080 适合横屏展示），确保在微博、小红书、朋友圈等平台显示完整。
• 一键操作
  支持直接复制图片到剪切板或下载 PNG 文件，无需额外截图或编辑。
• 完整 Markdown 支持
  标题、列表、代码块、引用、链接等语法均可正确渲染，技术笔记也能优雅呈现。

典型使用场景

• 读书博主：将书摘转为高质感图片，提升内容辨识度
• 技术分享者：把代码片段或架构说明转为可传播的视觉卡片
• 知识管理用户：导出 Obsidian / Logseq 中的笔记为图片存档
• 社交媒体运营：快速生成带品牌色或统一风格的图文内容

技术实现

markdown2png 基于现代前端技术栈构建：

• 框架：Vue 3 + Vite
• 状态管理：Pinia
• 样式：Tailwind CSS + 自定义 CSS 变量
• 语言：TypeScript
• 渲染引擎：浏览器原生 Canvas + HTML2Canvas（可选）

整个应用为单页静态 Web 应用（SPA），可直接在浏览器中打开使用，也支持离线运行。

如何使用？

1. 访问项目页面（可本地部署或使用在线版）
2. 在左侧编辑区粘贴你的 Markdown 内容
3. 在右侧实时预览效果，调整主题、字体、背景等
4. 点击「复制图片」或「下载 PNG」即可分享

项目完全开源，你也可以自行构建部署，确保 100% 数据不出本地。