Markdown-редактор для официальных аккаунтов WeChat: преобразует Markdown в оформленные статьи, поддерживает собственные темы, разные хостинги изображений и помощь ИИ при написании.
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
Установить зависимости
npm install - 2
Запустить сервер разработки
npm run dev - 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 обновляется ежедневно.
Похожие проекты
Платформа с открытым исходным кодом для автоматизации рабочих процессов и альтернатива Zapier; интеграции на TypeScript также работают как MCP-серверы для AI-агентов.
Открытый AI-помощник и почтовый клиент для Gmail и Outlook: он организует входящие и заранее готовит черновики ответов.
Инструментарий на React, в котором AI-агенты создают презентации как интерактивные адаптивные веб-приложения, а не статичные слайды.
Самостоятельно размещаемое веб-приложение для аудита до 500 страниц сайта по 74 метрикам on-page SEO с помощью Firecrawl и DataForSEO.
Библиотека на чистом JavaScript/TypeScript измеряет многострочный текст и рассчитывает его раскладку без перерисовки DOM, выводя результат в DOM, Canvas или SVG.