wechat-style-extractor README

The project's README from github.com/sennkuwu/wechat-style-extractor. As one markdown file: README.md.

样格 · WeChat Style Extractor

样格社交预览

从公众号文章中统计颜色、字号、行高、间距和内容组件,预览并复制文章排版。

样式统计是启发式识别;未识别项不显示,预览使用默认值。内联样式不能保证公众号编辑器完整保留原始排版。

当前版本

这是一个可交互的公众号样式提取工具,支持尝试解析公开的公众号文章链接,并提供:

出于安全考虑,解析接口只访问 https://mp.weixin.qq.com,并限制跳转域名、响应大小与读取时间。微信偶尔会对服务器访问展示安全验证页,此时页面会给出明确提示,可稍后重试。

本地运行

需要 Node.js 22.13 或更高版本。

npm install
npm run dev

生产构建:

npm run build

测试:

npm test

网站地址

https://wechat-style-extractor.godkey810.chatgpt.site/

发布与恢复

GitHub 源码仓库和体验站托管仓库是独立的远端。更新 GitHub 不会自动更新体验站;每次发布前需按托管平台的实际发布流程更新原体验站。

发布新版前会在 GitHub 为当时的 main 创建 backup/pre-upgrade-<date> 标签。需要恢复时,以该标签创建恢复提交并按正常发布流程更新,不改写 Git 历史。

隐私与版权

本项目只用于分析排版规则和生成原创模板。请尊重文章、图片、插画、Logo 与品牌素材的版权,不要直接搬运未经授权的内容。

License

MIT

wechat-style-extractor (sennkuwu/wechat-style-extractor)

Searching Database…

这是什么?这个工具扫描微信公众号文章,提取其视觉样式(颜色、字号、行高、间距)和内容组件,然后让你预览排版,并将其复制为富文本,可粘贴回微信编辑器。
这是在浏览器里打开的网页应用,还是需要安装的东西?它是一个用 Next.js(通过 vinext)构建的自托管网页应用——你在本地运行或部署到某处,然后通过浏览器使用;没有单独的桌面安装包。
我怎么把一篇微信文章变成模板?把一篇公开的微信文章链接粘贴到输入框;服务器会抓取并清理 HTML,然后显示一个手机风格的预览,其中包含识别出的颜色、字体、间距和组件。
在本地运行它需要什么?你需要 Node.js 22.13 或更新版本;项目本身依赖 cheerio 解析 HTML、juice 内联样式,以及 Next.js/React 构建 UI。
它能完美捕捉文章的样式吗?不能——样式检测是启发式的,无法识别的属性会被直接跳过并按默认值显示,而且内联后的样式一旦粘贴进微信自己的编辑器,不保证原样保留。
它能从文章中检测出哪些视觉细节?它能识别原文章使用的标题、作者、颜色、字号、行高、间距和内容组件。
预览会保留原始图片吗?会,它保留文章内的图片、懒加载图片以及卡片中使用的 CSS 背景图。
我可以直接把结果粘贴进微信自己的编辑器吗?可以,该工具会自动内联文章的样式表(保留网格、定位、阴影、列表和表格),并提供富文本复制功能,可直接粘贴到微信公众号编辑器中。
Creator
sennkuwu
Size
0.8 MB
Stars
157
Updated
CommitSep 05
Age
1mo
Commits · 90 Days