sennkuwu/wechat-style-extractor

这是什么？

核心功能

• 01从文章链接中统计颜色、字号、行高和间距。
• 02识别标题、作者以及卡片等内容组件。
• 03保留正文原图、懒加载图片和卡片中的 CSS 背景图。
• 04内联文章样式表，保留网格、阴影、列表和表格等排版。
• 05提供手机宽度预览，并可将结果复制为富文本。

适用场景

• 研究热门公众号文章的排版规律。
• 制作原创的公众号排版模板。
• 在公众号编辑器中发布前，预览文章在手机上的效果。

快速上手

1. 1

   安装依赖

   npm install
2. 2

   启动本地开发服务

   npm run dev
3. 3

   生产构建（可选）

   npm run build

使用前须知

• !需要 Node.js 22.13 或更高版本。
• !文章抓取仅支持 mp.weixin.qq.com 链接，微信有时会显示安全验证页导致解析失败。
• !样式统计基于启发式识别，内联样式可能无法在公众号编辑器中完整保留。

标签

常见问题

wechat-style-extractor 是什么？

从公众号文章提取可复用的视觉模板，并生成可复制到微信编辑器的富文本预览。 样格是一个公众号样式提取工具，输入公开的公众号文章链接后，会统计其中的颜色、字号、行高、间距和卡片等内容组件，并展示识别出的视觉参数与组件规则。

wechat-style-extractor 可以免费使用吗？用的什么许可证？

wechat-style-extractor 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。

wechat-style-extractor 还在维护吗？

半年内有更新。wechat-style-extractor 最近一次提交是在 2026年9月5日。

wechat-style-extractor 适合用来做什么？

研究热门公众号文章的排版规律。 制作原创的公众号排版模板。 在公众号编辑器中发布前，预览文章在手机上的效果。

wechat-style-extractor 怎么安装和运行？

安装依赖: npm install 启动本地开发服务: npm run dev 生产构建（可选）: npm run build

在哪里获取 wechat-style-extractor？

源代码和安装说明在 GitHub 上：https://github.com/sennkuwu/wechat-style-extractor