MarkdownTo Image

专注把 Markdown 变成一张干净、适合分享的长图。支持 GFM 表格、任务列表和代码块,导出结果和实时预览保持一致。

Paper960px34 行292 字符
粘贴与设置
左边输入 Markdown,右边会实时显示最终导出效果。

先粘贴 Markdown

直接从剪贴板贴进来最顺手。粘贴完成后,再往下微调内容和样式。

粘贴后可以继续修改。支持标题、引用、GFM 表格、任务列表、代码块和远程图片。

干净白底,适合教程、公告和技术说明。

先选手机、平板、电脑或大屏幕的快捷宽度,再用滑杆微调。当前 960px。

960px
导出提示
如果正文里有远程图片,需要源站允许跨域访问;遇到宽表格时,建议把画布宽度调到 1080px 以上。

每周项目进度看板

把零散的想法整理成一张可以直接分享的长图。

本周亮点

  • 完成 Markdown 文本转图片工具原型
  • 补齐导出图片的主题与宽度控制
  • 支持 GFM 表格、任务列表和代码块

交付清单

  • 实时预览
  • 一键下载 PNG
  • 增加社交分享模板
  • 支持自定义品牌头图

关键指标

指标数值说明
导出宽度960px适合社媒长图
渲染模式GFM支持表格、任务列表
导出格式PNG浏览器本地生成

代码片段

pnpm -C apps/onenav dev

小结

保持版式干净、信息有层次,通常会比花哨效果更适合内容传播。