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 输入框 + 中部语法栏 + 右侧预览区。

典型三步即可完成一篇排版:

  1. 左栏输入 Markdown / 富文本(也可让左侧 AI 框直接起稿)
  2. 选择主题(或切换到自造主题)
  3. 点击渲染 →「复制到公众号」→ 粘贴进微信草稿

四、本地部署指南

适合想私有化部署、或二次开发的用户。

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 值得一试。

它不是“又一个排版工具”,而是把“写作”和“排版”真正合并成一件事

 

溯光整合制作本地一键启动

 

 

此处内容需要回复后并刷新才能查看
THE END