2026开源公众号排版工具:Markdown粘贴即排,免登录不丢样式

一、它是什么?
WX-Typesetting 是一个专为公众号设计的 Markdown 排版工具。
你只需要:
- 在左侧写 Markdown / 贴富文本
- 中间用快捷语法微调
- 右侧选一个主题 → 渲染 → 复制
然后直接 Ctrl+V 进公众号后台,样式不丢、不串版、不乱码。
它的底层排版内核来自「摸鱼小李 × 甲木」的开源 gzh-design-skill,在这个基础上,又封装了:
- 网站化操作界面
- 自定义主题生成器
- 双关卡 HTML 校验机制
一句话总结:
它是给“用 Markdown 写公众号的人”准备的终极排版外挂。
二、核心亮点
① 6 套内置主题,气质完全不同
📌 配图建议:此处放一张「主题切换栏」截图,展示 6 个主题名称及色块预览。
- 摸鱼绿:翠绿卡片感,适合教程 / 工具盘点
- 红白色系:经典编辑风,适合观点文 / 深度分析
- 石墨极简:全灰阶,适合科技评论 / 专业内容
- 留白禅意:呼吸感强,适合随笔 / 生活方式
- 摸鱼票据:票据视觉隐喻,适合创意评测
- 橄榄手记:内刊质感,适合案例复盘
✅ 每套主题都不是“换色皮肤”,而是独立组件体系:
自动章节编号、引言卡、金句引用、名词旁注、深浅双色代码块……
② AI 自定义主题生成器
不想用内置主题?两种姿势造主题:
- 文字描述:「雾蓝主色 + 旅行随笔风」
- 上传参考图:用支持识图的大模型提取视觉特征
📌 配图建议:此处放一张「AI 主题生成面板」截图,展示左侧 AI 输入框 + 顶部主题切换栏。
生成后的主题会保存在本地,和内置主题拥有同等权限,随时切换。
③ 18 种快捷语法,写作即排版
中间编辑面板覆盖常用排版需求:
📌 配图建议:此处放一张「快捷语法工具栏」截图,展示 H1–H3、加粗、高亮、引用、列表、代码块等按钮。
- 标题层级:H1 / H2 / H3
- 文本样式:粗体 / 斜体 / 高亮 / 下划线 / 删除线
- 内容块:引用 / 列表 / 代码块 / 分割线
- 媒体:图片 / 链接 / 表格
- 特殊占位:
【插入图片】→ 自动渲染为居中占位块,后台再替换真图
④ 双关卡校验,粘贴不翻车
继承 gzh-design-skill 的硬底线设计:
- 源头关:扫描组件库是否存在反模式写法
- 产物关:扫描最终 HTML 是否使用了
<style>、class、Grid、外部字体等微信禁用特性
✅ 两关全部通过,才会允许复制。
所以在 WX-Typesetting 里的预览 ≈ 粘贴到公众号后的真实效果。
⑤ 纯前端 + 本地优先,隐私友好
- 无后端、无登录
- 文章 / 排版历史 / 自定义主题 → 存入浏览器 IndexedDB
- API Key 使用 AES(PBKDF2 + 指纹 + 盐)加密后存 localStorage,不会上传
- ⚠️ 清理浏览器数据时,不要勾选 Cookie,否则历史记录会被一并清除
三、界面与工作流
📌 配图建议:此处放一张「完整三栏布局」截图,含顶部主题栏 + 左侧 AI 输入框 + 中部语法栏 + 右侧预览区。
典型三步即可完成一篇排版:
- 左栏输入 Markdown / 富文本(也可让左侧 AI 框直接起稿)
- 选择主题(或切换到自造主题)
- 点击渲染 →「复制到公众号」→ 粘贴进微信草稿
四、本地部署指南
适合想私有化部署、或二次开发的用户。
git clone https://github.com/pwping/WX-Typesetting
cd WX-Typesetting
npm install
npm run dev
http://localhost:5173
构建生产版本:
npm run build
构建产物位于 dist/ 目录,可直接部署到:
- Vercel
- GitHub Pages
- Nginx 等任意静态服务器
💡 AI 主题生成功能需要在界面中填写一家大模型 API(DeepSeek / Kimi 均可),单次生成成本通常在几分钱到几角钱之间。
五、协议与二次开发红线
本项目采用 GNU AGPL-3.0 协议,使用时需注意以下几点:
- 必须保留原作者署名与版权声明
- Fork / 修改 / 再分发 → 源码必须以相同协议开源
- 以 Web 服务形式对外提供(包括 SaaS)也必须开源完整源码
- 不允许闭源商用、不允许仅付费分发
六、适合谁用?
- 每周稳定更新公众号的技术博主
- 厌倦了秀米 / 135 编辑器拖拽操作的内容运营
- 希望完全掌控排版工具、不愿将稿件上传至第三方云服务的团队或个人
七、写在最后
如果你已经习惯了用 Markdown 写作,却又被公众号排版折磨得头疼,那么 WX-Typesetting 值得一试。
它不是“又一个排版工具”,而是把“写作”和“排版”真正合并成一件事。
溯光整合制作本地一键启动






