news 2026/2/5 20:01:02

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/2/3 13:14:49

智能楼宇环境监控如何破局?一套高可靠、易集成的温湿压监测方案实践

在数据中心、洁净实验室、医药仓储、档案馆乃至高端办公楼宇中,环境参数的稳定性直接关系到设备寿命、实验精度、资产安全乃至合规性要求。温度过高可能导致服务器宕机,湿度异常可能引发精密仪器腐蚀,而气压波动则会影响洁净室的正压维持——…

作者头像 李华
网站建设 2026/2/4 12:20:02

一个小技巧让你服务器高大上起来

在日常运维或开发过程中,你是否总觉得自己的服务器缺了点“专业感”?明明功能正常,但登录后光秃秃的命令行、毫无辨识度的提示,既不美观也不实用。今天分享一个超简单的小技巧——自定义服务器登录欢迎界面(MOTD&#…

作者头像 李华
网站建设 2026/2/4 15:59:23

救命神器2026 10款AI论文写作软件测评:本科生毕业论文必备工具

救命神器2026 10款AI论文写作软件测评:本科生毕业论文必备工具 2026年AI论文写作工具测评:为何值得一看 随着人工智能技术的不断进步,AI写作工具逐渐成为高校学生和科研人员的重要助手。尤其对于本科生而言,撰写毕业论文是一项复…

作者头像 李华
网站建设 2026/2/5 17:49:38

智慧水厂物联网平台的应用功能

智慧水厂物联网平台以物联网、大数据、数字孪生等技术为核心,打破传统水厂“数据孤岛、响应滞后、管理粗放”的痛点,构建从原水取水、制水加工到输水供水的全流程智能化体系,实现生产自动化、管理精准化、决策数据化,全方位保障供…

作者头像 李华