当前位置: 首页 > news >正文

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实现交互排版,可搭配核心工具使用。
http://www.jsqmd.com/news/312137/

相关文章:

  • 适用于飞书表格信息抽取的伪代码元构建提示词
  • 2026年比较好的防锈水性漆/金属水性漆品牌厂家排行榜
  • 2026年成都月嫂母婴护理培训真实评价:从课程到就业,全面解析头部机构特色
  • MSDERUN.DLL文件丢失找不到问题 免费下载方法分享
  • 2026年知名的PTC纯水加热器/晶圆清洗纯水加热器用户口碑最好的厂家榜
  • msdxm.ocx文件丢失找不到 免费下载方法分享
  • msidcrl40.dll文件丢失找不到 免费下载方法分享
  • 重庆思庄oracle技术分享-Oracle 快速生成 AWR 报告
  • 讲讲杭州怀石会席料理店排名,靠谱品牌推荐
  • 【实用工具】目标利润定价模板
  • 2026年湖南靠谱的外墙grc线条品牌厂家排名,哪家性价比高?
  • 亲测好用!9个AI论文平台测评:本科生毕业论文必备
  • 数智化战士们,马年六要六不要请收好
  • 《创业之路》-868-组织是一个系统,是在确定性流程与不确定性人性之间,不断寻求动态平衡的有机生态系统。传统组织通过制度和流程消除人性的不确定性,未来通过AI智能体技术消除人性的不确定性。
  • Biotin-亚精胺,Biotin-Spermidine,生物素-亚精胺,结构特点
  • Biotin-花生四烯酸,Biotin-Arachidonic Acid,生物素-花生四烯酸,化学结构特点
  • Biotin-黄芩素,Biotin-Scutellarin,生物素-黄芩素,化学修饰
  • Biotin-雷公藤红素,Biotin-Tetrandrine,生物素-雷公藤红素,光学与表征特性
  • Biotin-雷公藤甲素,Biotin-Chebulinic Acid,生物素-雷公藤甲素
  • ShareX(免费截图录屏软件)
  • 2026年AI玩具深度解析:智能陪伴如何重塑儿童成长
  • 2026年初河北顶尖的干法脱硫/沼气脱硫 /煤气脱硫/ 湿法脱硫生产厂家选哪家
  • 开单果售后:用专业与贴心,为智能营销保驾护航
  • 2026年靠谱的进口报关清关/货物进口报关专业口碑榜
  • 2026年铝蜂窝板优质厂商推荐指南
  • 常见ddos攻击
  • 2026年巨应壁纸下载安装与使用详解:桌面美化的系统级解决方案
  • 详细介绍:TCN-LSTM回归+特征贡献SHAP分析+新数据预测+多输出,MATLAB代码
  • Vue.js 别名未配置:You may need to configure your alias for the module “xxx“ —— 3 分钟搞定「路径找不到」
  • Vue 警告「Expected Object, got Array」?3 步教你把类型对齐,prop 立刻合法!