news 2026/6/23 19:43:05

GitHub上开源免费的公众号排版相关工具

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
GitHub上开源免费的公众号排版相关工具

精选的8款高星开源工具,覆盖「核心排版」「格式转换」「素材处理」「样式定制」四大核心场景,附详细使用说明和核心优势:


一、核心排版工具(直接用于公众号排版)

1. md2wechat(⭐️ 3.5k+)
  • 项目地址:https://github.com/lyricat/md2wechat
  • 核心功能:将Markdown格式文本一键转换为公众号兼容的排版格式,支持自定义CSS样式、代码高亮、图片自动上传/优化。
  • 使用方式
    1. 本地安装Node.js后,克隆项目git clone https://github.com/lyricat/md2wechat.git
    2. 安装依赖npm install
    3. 编辑Markdown文件,执行npm run build生成公众号排版代码
  • 优势:轻量无依赖,支持自定义样式模板,技术博主/程序员首选,完美适配代码块、公式等技术内容排版。
2. wechat-format(⭐️ 2.8k+)
  • 项目地址:https://github.com/gaohaoyang/wechat-format
  • 核心功能:开源的网页版公众号排版工具,支持可视化编辑、样式自定义、一键复制到公众号后台,无需部署可直接在线使用(作者提供了在线版:https://gaohaoyang.github.io/wechat-format/)。
  • 使用方式
    • 方式1:直接访问在线版使用(零技术门槛);
    • 方式2:克隆项目到本地,通过index.html启动本地版本,修改css文件夹下的样式文件自定义排版。
  • 优势:新手友好,无需编程基础也能使用,支持自定义字体、间距、配色,可离线使用。
3. wxEditor(⭐️ 1.2k+)
  • 项目地址:https://github.com/captainblue2013/wxEditor
  • 核心功能:开源的微信公众号可视化编辑器,仿官方编辑器界面,支持图文排版、样式模板、一键导出,可二次开发集成到自有系统。
  • 使用方式:克隆项目后,直接打开dist/index.html即可本地使用,支持修改src目录下的代码扩展功能。
  • 优势:可视化操作,接近商用编辑器体验,适合需要私有化部署的团队。

二、格式转换/兼容工具(解决排版适配问题)

1. wechat-mp-html(⭐️ 4.1k+)
  • 项目地址:https://github.com/Jinjiang/wechat-mp-html
  • 核心功能:解决HTML代码在公众号后台的样式兼容问题,自动修复不兼容的CSS属性、标签,优化排版显示效果。
  • 使用方式
    1. 安装依赖npm install wechat-mp-html
    2. 调用核心方法convertHtmlToWechat(htmlContent)转换HTML内容
  • 优势:修复公众号对flex、grid等现代CSS的兼容问题,保证排版在不同设备上显示一致。
2. markdown-to-wxmp(⭐️ 800+)
  • 项目地址:https://github.com/TooBug/markdown-to-wxmp
  • 核心功能:轻量的Markdown转微信公众号格式工具,支持图片Base64编码、表格适配、自定义样式。
  • 使用方式:命令行工具,安装后执行md2wxmp your-file.md直接生成公众号可用代码。
  • 优势:体积小、速度快,适合批量转换Markdown文档。

三、素材处理工具(优化排版素材)

1. wechat-svg(⭐️ 1.5k+)
  • 项目地址:https://github.com/ianstormtaylor/svgo(配套微信SVG优化)
  • 核心功能:优化SVG文件,去除冗余代码,解决公众号对SVG的限制(如禁止外部资源、交互限制),支持生成可交互的SVG排版元素(如折叠卡片、点击展开)。
  • 使用方式
    1. 安装SVGOnpm install -g svgo
    2. 优化SVGsvgo your-svg.svg --config=wechat-svg-config.json
  • 优势:解决公众号SVG显示异常问题,实现个性化交互排版。
2. image2wechat(⭐️ 600+)
  • 项目地址:https://github.com/hellojinjiang/image2wechat
  • 核心功能:自动优化公众号图片,适配微信图片尺寸规范(如封面图900*500)、压缩体积、添加水印。
  • 使用方式:Python脚本,安装依赖后执行python image2wechat.py -i your-image.jpg
  • 优势:批量处理图片,保证图片在公众号中加载快、显示清晰。
3. wxmp-css(⭐️ 700+)
  • 项目地址:https://github.com/ifengkou/wxmp-css
  • 核心功能:开源的公众号排版CSS样式库,包含标题、正文、列表、卡片等常用样式,可直接复制使用。
  • 使用方式:复制css目录下的样式代码,粘贴到公众号后台的「样式」中,或集成到自己的排版工具。
  • 优势:样式规范、适配性强,无需自己写CSS即可实现专业排版。

快速上手建议

  1. 零技术基础:优先使用wechat-format的在线版,直接编辑排版,无需部署;
  2. 技术博主:选择md2wechat,完美适配Markdown和代码排版;
  3. 团队私有化部署:克隆wxEditor到本地,自定义样式后内部使用;
  4. 解决兼容问题:用wechat-mp-html转换HTML代码,保证排版显示一致。

总结

  1. 新手首选wechat-format(在线版零门槛),技术博主首选md2wechat(Markdown适配);
  2. 所有工具均开源免费,可本地部署、自定义修改,无付费限制;
  3. 辅助工具中,wechat-mp-html解决样式兼容,wechat-svg实现交互排版,可搭配核心工具使用。
版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/6/18 13:36:51

MSDERUN.DLL文件丢失找不到问题 免费下载方法分享

在使用电脑系统时经常会出现丢失找不到某些文件的情况,由于很多常用软件都是采用 Microsoft Visual Studio 编写的,所以这类软件的运行需要依赖微软Visual C运行库,比如像 QQ、迅雷、Adobe 软件等等,如果没有安装VC运行库或者安装…

作者头像 李华
网站建设 2026/6/23 15:12:16

马斯克开源X推荐算法深度解析:Grok驱动的推荐系统架构

埃隆马斯克再次震撼科技界!X(原Twitter)正式开源其"For You"推荐算法,基于Grok大模型的推荐系统架构首次向公众揭开了神秘面纱。 前言 2026年,马斯克旗下的xAI公司在GitHub上开源了X平台核心的"For Yo…

作者头像 李华
网站建设 2026/6/22 14:42:49

动态OTP认证机制的安全测试方法论

一、OTP系统核心漏洞图谱 时间同步攻击窗口 测试方法:篡改设备时间戳验证TOTP有效期容忍区间(建议测试2分钟范围) 工具脚本:python -m timekiller --otp_range 120(模拟时间偏移) 认证重放漏洞 测试案例…

作者头像 李华
网站建设 2026/6/19 19:42:11

【Java +AI |基础篇day7 抽象类 + 接口 + 代码块 + 内部类】

Java 面向对象编程(OOP)进阶篇②:抽象类 接口 代码块 内部类 (初学者友好 可运行代码 面试题详解) 前言 初学 Java 抽象类和接口时,我分不清 “什么时候用抽象类、什么时候用接口”,被代…

作者头像 李华
网站建设 2026/6/19 15:45:58

基于python的大学校友录信息管理系统[python]-计算机毕业设计源码+LW文档

摘要:大学校友是学校宝贵的资源,校友录信息管理系统对于加强校友之间以及校友与母校之间的联系具有重要意义。本文基于Python语言,设计并实现了一个功能较为完备的大学校友录信息管理系统。系统涵盖了系统用户管理、新闻数据管理、班级管理、…

作者头像 李华