乐于分享
好东西不私藏

Markdown/HTML 公众号编辑器 V3.0 发布

Markdown/HTML 公众号编辑器 V3.0 发布

公众号内容转换器
V 3.0
6 套主题 · 7 种图表 · 16 种装饰 · 公式转图
你负责写内容,排版的事交给它
xudong.ltd
免费 · 免注册 · 打开即用
前几天刷到一篇推文,某位开发者在安利自己的排版工具。
工具好不好用我不评价,但那篇文章本身的排版 —— 标题歪了、代码块溢出、表格在手机上直接炸了。
一个做排版工具的人,推广文章的排版翻车了。
说实话,这不怪他。公众号排版这件事,确实比想象中难。
你 是 不 是 也 遇 到 过 ?
代码块— 从 VSCode 粘到公众号变成一团乱码
公式— KaTeX 在编辑器里直接散架
图表— Mermaid 渲染完粘进去就丢格式
样式— flex 失效、absolute 被吞、渐变消失
主题— 想换个风格还得手动调半天
一篇 2000 字的文章,光排版就要 40 分钟。内容写得再好,排版拉胯就没人看。
V3.0 能做什么?

← 左右滑动查看完整内容 →

6
套主题
7
种图表
16
种装饰
6 套精调主题
不是随便调个颜色 —— 每套主题 11 个色彩维度全部单独调过
青 墨
水墨留白,克制商业化。适合日常阅读、随笔、科普。
默认主题 · 最百搭
代 码 纸
等宽字体,蓝色调。适合技术教程、API 文档、深度分析。
技术人首选
深 夜
暗色背景,终端式高对比。适合夜读、技术深度文。
预览用,发布前建议切回浅色
薄 荷 绿 NEW
清新绿色调,自然呼吸感。适合生活、健康、教育、旅行类。
V3 新增
莫 兰 迪 NEW
低饱和高级灰调,温暖米色底。适合品牌、设计、生活方式。
V3 新增
国 风 NEW
朱红墨色宣纸底,传统中国风。适合文化、历史、诗词、国学。
V3 新增
16 种装饰微调
主题定基调,装饰抠细节。同一主题换种装饰,风格完全不同
引用块 · 5 种风格
角标 — 左竖线 + 引号标记
顶部细线 — 横线 + 渐变底
细线斜体 — 文艺范
经典合成 — 粗线 + 渐变背景
笔记
笔记标签 — 带小标签
H2 标题 · 4 种装饰
竖条 — 左侧色线
双线 — 上下夹持
01序号 — 自动编号
无装饰 — 干干净净
表格 3 种 · 列表 4 种
表格:精致(斑马纹)、紧凑(小字号)、卡片(转卡片列表)
列表:● 圆点 · ▪ 方块 · ▸ 箭头 · 1. 数字
所有偏好自动保存,下次打开还是你的选择
7 种图表,可视化编辑
不用记 Mermaid 语法,点几下就生成图表

← 左右滑动查看完整内容 →

流程图
时序图
饼图
柱状图
思维导图
甘特图
Git 分支
V3 关键修复:图表复制到公众号后样式不再丢失。SVG 内的 CSS 变量、foreignObject 全部做了兼容处理。
还支持 5 种配色方案(靛青、暖阳、森林、热情、彩虹)和并排双图模式
公式转图片,不再散架
KaTeX 公式自动截图为 PNG 嵌入,公众号里完美显示
x = (−b ± √(b² − 4ac)) / 2a
行内公式 · 自动转 PNG
∫₀^∞ e^(−x²) dx = √π / 2
块级公式 · 复杂积分也没问题
新增公式对话框:模板(6 个预置公式)、符号面板(50+ LaTeX 符号随手点选)、自由编辑器(实时预览)。不用背 LaTeX 命令。
6 步处理管道
你不需要了解这些,但知道我们做了什么
01格式检测 — HTML / Markdown / 混合,自动识别
02内容解析 — markdown-it + 插件,支持公式/脚注/任务列表
03主题应用 — 11 个色彩维度映射到 HTML 标签
04装饰应用 — 引用/表格/H2/列表 16 种风格
05样式内联 — 30+ CSS 属性扁平化到 style
06微信清洗 — flex→inline-block、标签转换、XSS 过滤
公众号兼容,我们是认真的
微信公众号编辑器是出了名的”样式黑洞”

← 左右滑动查看完整内容 →

直接粘贴到公众号
display:flex → 失效
position:absolute → 被吞
transform → 消失
foreignObject → 不渲染
外部CSS → 全部丢弃
渐变背景 → 变纯色
经过我们处理
flex → inline-block ✓
absolute → static ✓
transform → 移除 ✓
foreignObject → 纯文本 ✓
全部内联样式 ✓
渐变 → 兼容处理 ✓
右边看到什么样,粘贴到公众号就是什么样。
还有这些
代码高亮 190+ 语言
Python、JavaScript、Go、Rust、Java… 基于 highlight.js,技术文章必备。
手机预览模式
375px 宽度模拟手机屏幕,一键切换桌面/手机视图,发布前确认手机端效果。
导出 PDF
A4 / A5 / Letter 三种纸张。深夜主题自动切白底黑字,代码自动换行,图片不跨页。
脚注 & 任务清单
Markdown 脚注、GFM 任务列表(- [x] 已完成)全部支持。
偏好自动记忆
主题、装饰、预览模式全部自动保存。下次打开还是你上次的选择。
🔒隐私安全:整个工具在你的浏览器里运行。没有后端,没有数据库,你的内容不会离开你的电脑。关掉标签页就清空了。
谁用得上
用 AI 写文章发公众号的
写技术教程贴代码图表的
写学术内容需要公式的
受够了排版反复折腾的
想让文章好看又不想花时间的
怎么用
第一步
打开 xudong.ltd
无需登录、无需下载、无需安装
第二步
左边粘贴内容,右边选主题
Markdown / HTML / ChatGPT 输出都行,自动识别格式
第三步
点「复制到公众号」,粘贴到公众号编辑器
所见即所得,预览什么样粘贴就什么样
公众号内容转换器
V 3.0
xudong.ltd
打开浏览器 → 粘贴内容 → 复制到公众号
就这样,3 分钟搞定一篇排版精美的文章
纯前端 · 完全免费 · 数据零上传