Repolode
sennkuwu

sennkuwu/wechat-style-extractor

Инструмент извлекает переиспользуемые визуальные шаблоны из статей WeChat Official Account и показывает их в виде форматированного текста, готового для вставки в редактор WeChat.

Звёзды
155
Форки
18
Открытые issues
0
Последний коммит
2 месяца назад

Что это?

WeChat Style Extractor получает ссылку на общедоступную статью WeChat Official Account и анализирует её вёрстку. Он подсчитывает цвета, размеры шрифта, высоту строк, отступы и элементы содержимого, например карточки, а затем показывает найденные визуальные параметры и правила для компонентов.

Парсер на сервере загружает статью, очищает HTML, нормализует стили и встраивает таблицу стилей статьи, сохраняя сетки, позиционирование, тени, списки и таблицы. Изображения, в том числе загружаемые по мере прокрутки, и фоновые изображения CSS остаются на месте. Предварительный просмотр с шириной экрана телефона позволяет проверить результат перед копированием форматированного текста в редактор WeChat.

Распознавание основано на эвристиках: нераспознанные элементы скрываются, а в предварительном просмотре используются значения по умолчанию; встроенные стили также не гарантируют полного соответствия в редакторе WeChat. Загрузка разрешена только с mp.weixin.qq.com, и WeChat иногда может показывать серверу страницу проверки.

Ключевые возможности

  • 01Извлекает цвета, размеры шрифта, высоту строк и отступы по ссылке на статью.
  • 02Распознаёт заголовки, авторов и элементы содержимого, например карточки.
  • 03Сохраняет исходные изображения, в том числе загружаемые по мере прокрутки, и фоновые изображения CSS.
  • 04Встраивает таблицу стилей статьи, сохраняя сетки, тени, списки и таблицы.
  • 05Показывает предварительный просмотр с шириной экрана телефона и копирует результат как форматированный текст.

Сценарии использования

  • Изучение особенностей вёрстки популярных статей WeChat Official Account.
  • Создание собственных переиспользуемых шаблонов оформления статей WeChat.
  • Предварительный просмотр статьи на экране телефона перед публикацией в редакторе WeChat.

Быстрый старт

  1. 1

    Установить зависимости

    npm install
  2. 2

    Запустить сервер разработки

    npm run dev
  3. 3

    Собрать для production (необязательно)

    npm run build

Что важно знать

  • Требуется Node.js версии 22.13 или новее.
  • Получение статей работает только со ссылками mp.weixin.qq.com. Иногда WeChat показывает страницу проверки безопасности, которая блокирует разбор.
  • Извлечение стилей основано на эвристиках, поэтому встроенные стили могут сохраниться в редакторе WeChat не полностью.

Темы

Частые вопросы

Что такое wechat-style-extractor?
Инструмент извлекает переиспользуемые визуальные шаблоны из статей WeChat Official Account и показывает их в виде форматированного текста, готового для вставки в редактор WeChat. WeChat Style Extractor получает ссылку на общедоступную статью WeChat Official Account и анализирует её вёрстку. Он подсчитывает цвета, размеры шрифта, высоту строк, отступы и элементы содержимого, например карточки, а затем показывает найденные визуальные параметры и правила для компонентов.
wechat-style-extractor можно использовать бесплатно? Какая у него лицензия?
wechat-style-extractor распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
wechat-style-extractor всё ещё поддерживается?
Обновлялся за последние 6 месяцев. Последний коммит в wechat-style-extractor — 5 сент. 2026 г..
Для чего можно использовать wechat-style-extractor?
Изучение особенностей вёрстки популярных статей WeChat Official Account. Создание собственных переиспользуемых шаблонов оформления статей WeChat. Предварительный просмотр статьи на экране телефона перед публикацией в редакторе WeChat.
Как установить wechat-style-extractor?
Установить зависимости: npm install Запустить сервер разработки: npm run dev Собрать для production (необязательно): npm run build
Где скачать wechat-style-extractor?
Исходный код и инструкции по установке — на GitHub: https://github.com/sennkuwu/wechat-style-extractor

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты

Markdown-редактор для официальных аккаунтов WeChat: преобразует Markdown в оформленные статьи, поддерживает собственные темы, разные хостинги изображений и помощь ИИ при написании.

13,4 тыс.2,4 тыс.TypeScriptWTFPLОбновлён 9 часов назад