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…

Что это?Этот инструмент сканирует статью официального аккаунта WeChat (公众号), извлекает её визуальный стиль (цвета, размеры шрифтов, межстрочные интервалы, отступы) и содержательные компоненты, затем позволяет посмотреть вёрстку в предпросмотре и скопировать её как форматированный текст, который можно вставить обратно в редактор WeChat.
Это веб-приложение, которое я открываю в браузере, или что-то, что ставится?Это самостоятельно размещаемое веб-приложение на Next.js (через 'vinext'): вы запускаете его локально или разворачиваете где-то, а пользуетесь через браузер; отдельного десктоп-пакета нет.
Как превратить статью WeChat в шаблон?Вставьте ссылку на публичную статью WeChat в поле ввода; сервер загрузит и очистит HTML, после чего покажет предпросмотр в мобильном стиле с распознанными цветами, шрифтами, отступами и компонентами.
Что нужно для локального запуска?Нужен Node.js 22.13 или новее; сам проект опирается на cheerio для разбора HTML, juice для встраивания стилей и Next.js/React для интерфейса.
Он идеально переносит оформление статьи?Нет — распознавание стилей эвристическое: неопознанные свойства просто пропускаются и показываются со значениями по умолчанию, и встроенные стили не гарантированно переживут без изменений вставку в родной редактор WeChat.
Какие визуальные детали он извлекает из статьи?Он распознаёт заголовок, автора, цвета, размеры шрифтов, межстрочные интервалы, отступы и содержательные компоненты, использованные в оригинальной статье.
Предпросмотр сохраняет исходные изображения?Да, сохраняются изображения внутри статьи, лениво загружаемые картинки и фоновые изображения CSS, использованные в карточках.
Можно просто вставить результат в родной редактор WeChat?Да, инструмент автоматически встраивает таблицу стилей статьи (сохраняя сетки, позиционирование, тени, списки и таблицы) и предлагает копирование как форматированного текста, рассчитанное на прямую вставку в редактор официального аккаунта WeChat.
Creator
sennkuwu
Size
0.8 MB
Stars
155
Updated
CommitSep 05
Age
1mo
Commits · 90 Days