news 2026/4/16 10:36:59

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/4/16 12:26:01

Biotin-黄芩素,Biotin-Scutellarin,生物素-黄芩素,化学修饰

Biotin-黄芩素,Biotin-Scutellarin,生物素-黄芩素,化学修饰Biotin-黄芩素(Biotin–Baicalein)是一种由生物素(Biotin)与黄芩素(Baicalein, 5,6,7-三羟基黄酮)通过共价连接…

作者头像 李华
网站建设 2026/4/16 16:12:32

《创业之路》-868-组织是一个系统,是在确定性流程与不确定性人性之间,不断寻求动态平衡的有机生态系统。传统组织通过制度和流程消除人性的不确定性,未来通过AI智能体技术消除人性的不确定性。

“组织五大自动化系统模型”,是对现代企业运行本质的高度凝练与结构化表达。它超越了传统“流程自动化”的狭义理解,将组织视为一个多层次、显隐交织、内外联动的智能生命体。以下是对该模型的系统性详解,包括各系统的定位、运作逻辑、关键机…

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

UTF-8 编码到底是几进制的?

UTF-8 编码本身不是“几进制”的问题,而是一种将 Unicode 码点映射为字节序列的规则。 但若追问其底层表示,则: 存储/传输时:以 二进制(Binary) 形式存在(因为所有计算机数据最终都是 0/1&…

作者头像 李华
网站建设 2026/4/16 12:28:07

OAuth自动化测试全景指南面向测试工程师的第三方登录验证策略

一、OAuth测试核心路径 授权流程验证 构造不同参数组合的授权请求(含错误client_id/回调地址)验证错误处理机制 模拟用户拒绝授权场景,检查系统是否返回标准错误码(如access_denied) 使用Postman自动化测试授权码获取…

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

基于springboot java框架的共享自习室座位预约选座系统的设计与实现

目录共享自习室座位预约选座系统的设计与实现摘要开发技术源码文档获取/同行可拿货,招校园代理 :文章底部获取博主联系方式!共享自习室座位预约选座系统的设计与实现摘要 背景与需求 随着共享经济的普及和学生学习需求的增长,传统自习室管理…

作者头像 李华
网站建设 2026/4/16 13:05:26

超薄芯板小尺寸PCB层压翘曲矫正与平整度管控

小尺寸 PCB 多采用 4–8 层叠构,为实现产品超薄化,芯板厚度常控制在 50–100μm,超薄芯板层压翘曲,是行业内普遍存在的技术难题。作为 PCB 制程工程师,我在多款微型车载 PCB、医疗便携式设备 PCB 的项目开发中&#xf…

作者头像 李华