XHS-TextCard: бесплатный генератор текстовых карточек для Xiaohongshu с открытым кодом 137

XHS-TextCard — это инструмент с открытым исходным кодом для генерации текстовых карточек, ориентированный в первую очередь на авторов Xiaohongshu. Он позволяет преобразовывать содержимое Markdown в изображения высокого разрешения, поддерживает интеллектуальную разбивку на страницы и включает 12 встроенных шаблонов. Поскольку приложение работает полностью на стороне клиента локально, конфиденциальность хорошо защищена, а также возможен пакетный экспорт серии изображений размером 1242×1656.

Проект поддерживается в открытом виде разработчиком geekfoxcharlie (Xiaohongshu: 极客狐) и распространяется по лицензии MIT. Архитектура целиком клиентская, без серверной части, данные не загружаются на сервер. Разбор Markdown, разбивка на страницы, рендеринг через Canvas и экспорт изображений выполняются локально в браузере, без зависимости от сети и с возможностью офлайн-использования.

Функции

• Преобразование длинных текстов Markdown в изображения: поддержка заголовков, жирного начертания, выделения (==выделение==), курсива, зачёркнутого текста, блоков кода, центрированных блоков (::: center ... :::) и других распространённых синтаксических конструкций — длинный текст можно сразу превратить в несколько изображений.

• Интеллектуальная разбивка на страницы: TextSplitter автоматически находит подходящее место для разделения, отдавая приоритет разрывам между абзацами; если нужен принудительный разрыв страницы, просто введите ---.

• 12 шаблонов: встроенные стили — ретро-полароид, заметки для продуктивности, страница книги, Apple Memo, Zurich Studio, минималистичный журнал и другие, переключаются одним кликом.

• Попиксельный рендеринг на Canvas: вместо ненадёжного подхода на основе DOM используется Canvas, что позволяет получать изображения размером 1242×1656 с соотношением сторон 3:4, идеально подходящим для Xiaohongshu.

• Глубокая визуальная настройка: можно регулировать размер шрифта, межстрочный интервал, межсимвольный интервал, внутренние отступы; в качестве фона доступны сплошной цвет или градиент, есть предустановки в палитре Моранди, а также поддержка прямого ввода HEX или RGBA.

• Фирменная подпись и защитный водяной знак: доступно несколько стилей подписи — терминальный гик-стиль, капсула, с засечками, матовый эффект — и можно добавить фоновый водяной знак с регулировкой прозрачности.

• Дизайн обложки: заголовок обложки, шрифт и компоновку можно настраивать самостоятельно, что удобно для создания серийного оформления.

• Удобный экспорт: можно скачивать по одному изображению или сразу упаковать всё в ZIP для пакетного экспорта. Параметры запоминаются автоматически, что обеспечивает единообразие стиля в серии работ.

Сценарии применения

• Авторы познавательного контента разбивают длинные полезные тексты на серию графических заметок

• Создание визуальных карточек для заметок о прочитанных книгах и цитат

• Единообразная вёрстка и публикация серийного контента бренда или личного бренда

• Работа с конфиденциальными материалами (например, неопубликованными черновиками, внутренними документами) без подключения к сети

• Структурированное постраничное представление длинных обучающих материалов и руководств

XHS-TextCard — преимущества и недостатки

Часто задаваемые вопросы

• Почему двойной клик по HTML-файлу не работает? Это ограничение политики безопасности браузера (CORS) — требуется доступ через локальный сервер. Рекомендуется запустить python -m http.server 8000, затем открыть localhost:8000/editor.html.

• Почему в версии с открытым кодом нет ИИ-вёрстки? ИИ-вёрстка, пакетная обработка в Feishu и автоматизация через API — это облачные расширенные функции официальной онлайн-версии (xhs-textcard.site); локальная версия с открытым кодом отвечает только за рендеринг и экспорт.

• Как принудительно вставить разрыв страницы? В нужном месте введите --- (три дефиса), и система выполнит принудительное разделение от этой точки.

• Как обеспечить единый стиль для серии материалов? После настройки параметров инструмент автоматически запоминает конфигурацию, и далее достаточно применять тот же шаблон.

• Что делать, если экспортированные изображения размытые? По умолчанию инструмент выводит PNG/JPEG 1242×1656. Если после скачивания изображение размытое, скорее всего, его сжали WeChat или QQ — рекомендуется сохранять оригинал.

Как пользоваться XHS-TextCard

Онлайн-использование: перейдите на официальную онлайн-версию xhs-textcard.site, вставьте текст — и можно сразу выполнять вёрстку.

Локальное развёртывание:

git clone https://github.com/geekfoxcharlie/XHS-TextCard.git
cd XHS-TextCard
python -m http.server 8000
# Откройте в браузере http://localhost:8000/editor.html

1. Редактирование содержимого: в редакторе слева введите текст в Markdown, используйте два перевода строки для интеллектуального разделения на абзацы, --- для принудительного разрыва страницы, ::: center ... ::: для центрированного блока.

2. Выбор шаблона и настройка параметров: в области шаблонов справа выберите стиль, в области стилей точно настройте цвета, шрифты, интервалы, подпись и водяной знак.

3. Предпросмотр и экспорт: в центральной области предпросмотра результат виден в реальном времени; после проверки можно скачивать по одному изображению или упаковать всё в ZIP для пакетного экспорта.

Сравнение XHS-TextCard с конкурентами