Markdown 转分享卡片

把 Markdown 变成一张能直接发出去的图:小红书 3:4、公众号封面 2.35:1 等 7 种画幅一键切换,长文自动分页不截断文字,平铺、角标、居中水印可调透明度与颜色,导出 PNG 或拼接长图,样式还能存在本机随时切回;全程浏览器本地渲染,内容不上传

Markdown 转分享卡片是什么

把 Markdown 写成一张能直接发出去的图:左边贴内容,右边实时出卡片,选好画幅后导出 PNG。七个画幅覆盖了小红书竖版 3:4、公众号首图 2.35:1、方形 1:1、竖屏 9:16 和宽屏 16:9;长文按高度自动分页,在行边界切断,不会把一个字劈成两半。水印有平铺、右下角、底部居中、正中四种位置,透明度和颜色都能调。导出全部在浏览器里完成,Markdown 原文和生成的图片都不会上传到服务器。

所有计算都在你的浏览器本地完成,输入的内容不会上传到服务器。

怎么用Markdown 转分享卡片

  1. 把 Markdown 粘进左边输入框,右上角的字数和页数会实时更新;先点「一键示例」可以看一份典型长文是什么效果
  2. 在顶部选画幅:发小红书图文选「竖版 3:4」,做公众号首图选「首图封面 2.35:1」,正文配图选「正文配图」
  3. 在「配色与版式」里挑一套配色(10 套,深浅各半)和版式(杂志 / 极简 / 卡片 / 等宽),右侧预览立刻跟着变
  4. 要署名就在「水印」里填文字,再选位置:防盗图选「平铺」,想低调选「右下角」,透明度默认 35%
  5. 点「导出 PNG」:一页就下载一张图,多页自动打包成 zip;想发成一整张长图就点「导出长图」
  6. 调好的样式点「保存当前样式」存进本机,下次在「我的样式」里点一下就能切回,也能导出成 JSON 换设备用

示例

输入

# 三个提高阅读量的排版细节

正文 800 字,画幅选小红书竖版 3:4,水印填「@我的账号」放右下角

输出

1 张 1080×1440 的 PNG,正文自动分成 2 页

分页在行边界切断,不会截断文字。多页时「导出 PNG」会打包成 zip,想发一整张就点「导出长图」。

常见问题

内容会上传吗?断网能用吗?

不会上传。渲染、分页、导出到 PNG 全部在浏览器里完成,没有任何接口请求,断网照样能出图。代价是性能取决于设备:很长的稿子在旧机器上导出会慢一些。

小红书为什么选 3:4,横版什么时候用?

1080×1440 是小红书信息流里占位最大的比例,竖版图在手机上几乎铺满屏宽,一眼能看全标题。横版 4:3 适合放对比表、流程图和前后对照,这些内容竖着排会被压得很窄。

导出的图和预览一模一样吗?

排版是同一套:预览和导出共用一个样式表,导出时按画幅原始像素重新渲染,折行、分页、水印位置都一致。唯一会变的是字体——卡片用系统字体(苹方、思源黑体、微软雅黑按顺序回退),换到没装同款字体的设备上打开,字宽会略有差别。

能放多长的文章?

没有硬性上限,但页数会随内容增长,每一页都是一张 1080×1440 的图。几十页的稿子导出要等一会儿,几百页建议拆成几篇发——读者也不会一次看完那么长。

样式存在哪?换电脑还在吗?

存在浏览器的 localStorage 里,只在这台电脑的这个浏览器中生效,清缓存或换浏览器就没了。换设备用「导出预设」拿一个 JSON 文件,在新设备上点「导入预设」即可;同名预设会被跳过,不会覆盖本地已有的。

小提示

  • 所有排版参数都以 1080px 宽为基准,换成 900px 宽的公众号封面会自动等比缩小,不用重新调字号。反过来说,2.35:1 的封面只适合放一两行标题,塞长文会很挤。
  • Markdown 里的外链图片需要图床允许跨域(响应带 Access-Control-Allow-Origin),否则导出时浏览器不允许读像素,那张图会被跳过并在页面上提示。要保证一定能出图,用「插入图片」把本地图片以 base64 写进 Markdown。
  • 右下角与底部居中的水印会让正文底部自动收一行,避免正文压在水印上;正中间的大号水印会压住整张图,适合做样稿或防盗用。
  • 想精确控制换页位置,就空一行、写三个减号、再空一行。上一行有内容时它不是分页符——那是 Markdown 的二级标题语法,写了也不会切页。

同类Markdown工具