XHS-TextCard : générateur gratuit et open source de cartes textuelles pour Xiaohongshu 138

XHS-TextCard est un outil open source de génération de cartes textuelles, principalement destiné aux créateurs de Xiaohongshu. Il permet de convertir du contenu Markdown en images haute définition, prend en charge la pagination intelligente et intègre 12 modèles. Comme il fonctionne entièrement en local côté frontend, la confidentialité est bien protégée, et il permet l'exportation par lots d'images en série au format 1242×1656.

Le projet est maintenu en open source par le développeur geekfoxcharlie (Xiaohongshu : 极客狐) sous licence MIT. L'architecture est entièrement frontend, sans backend, et les données ne sont pas téléversées sur un serveur. L'analyse Markdown, la pagination, le rendu Canvas et l'exportation d'images se font tous localement dans le navigateur, sans dépendance réseau, et fonctionnent également hors ligne.

Fonctionnalités

• Conversion de longs textes Markdown en images : prend en charge les syntaxes courantes telles que les titres, le gras, le surlignage (==surlignage==), l'italique, le barré, les blocs de code, les blocs centrés (::: center ... :::), permettant de transformer directement un long texte en plusieurs images.

• Pagination intelligente : TextSplitter trouve automatiquement un emplacement approprié pour la coupe, en privilégiant la pagination entre les paragraphes ; si vous souhaitez forcer un saut de page, il suffit de saisir ---.

• 12 modèles intégrés : styles intégrés tels que Polaroid rétro, Notes d'efficacité, Page intérieure de livre, Mémo Apple, Studio Zurich, Magazine minimaliste, etc., sélectionnables en un clic.

• Rendu Canvas au pixel près : n'utilise pas la méthode DOM instable, dessine directement via Canvas, produit des images en 1242×1656, ratio 3:4 parfaitement adapté à Xiaohongshu.

• Personnalisation visuelle avancée : taille de police, hauteur de ligne, espacement des caractères, marges intérieures sont tous réglables ; l'arrière-plan peut être en couleur unie ou en dégradé, avec des préréglages de palette Morandi, et prend également en charge la saisie directe de HEX ou RGBA.

• Signature de marque et filigrane anti-vol : propose plusieurs styles de signature comme Terminal geek, Capsule, Sérif, Verre dépoli, et permet d'ajouter un filigrane d'arrière-plan avec réglage de l'opacité.

• Conception de couverture : le titre, la police et la mise en page de la couverture peuvent être personnalisés, facilitant la création d'un effet de série.

• Exportation pratique : téléchargement image par image possible, ou exportation groupée en un clic sous forme d'archive ZIP. Les paramètres sont automatiquement mémorisés, assurant la cohérence du style dans la création de séries.

Scénarios d'utilisation

• Les blogueurs de connaissances découpent de longs contenus riches en informations en plusieurs notes illustrées

• Notes de lecture, extraits et citations transformés en cartes visuelles

• Mise en page unifiée et publication de contenus en série pour une marque ou un IP personnel

• Traitement de contenus sensibles en matière de confidentialité (comme des manuscrits non publiés, des documents internes), sans connexion réseau requise

• Affichage structuré et paginé de longs contenus tels que tutoriels et guides pratiques

Avantages et inconvénients de XHS-TextCard

Questions fréquentes

• Pourquoi le double-clic sur le fichier HTML ne fonctionne-t-il pas ? La politique de sécurité du navigateur (CORS) l'interdit, l'accès doit se faire via un serveur local. Recommandation : exécutez python -m http.server 8000, puis accédez à localhost:8000/editor.html.

• Pourquoi la version open source n'a-t-elle pas de mise en page IA intelligente ? La mise en page IA, le traitement par lots Feishu, l'automatisation API sont des fonctionnalités cloud améliorées de la version officielle en ligne (xhs-textcard.site), la version open source locale ne gère que le rendu et l'exportation.

• Comment forcer un saut de page à un endroit précis ? Saisissez --- (trois traits d'union) à l'endroit où vous souhaitez insérer un saut de page, le système effectuera la coupe à partir de là.

• Comment garder un style cohérent dans une série de contenus ? Après avoir ajusté les paramètres, l'outil les mémorise automatiquement, il suffit ensuite d'appliquer le même modèle directement.

• Que faire si les images exportées sont floues ? L'outil produit par défaut des images PNG/JPEG en 1242×1656. Si elles apparaissent floues après téléchargement, c'est probablement parce qu'elles ont été compressées par WeChat ou QQ, il est recommandé de conserver l'image originale.

Comment utiliser XHS-TextCard

Utilisation en ligne : accédez à la version officielle en ligne xhs-textcard.site, collez votre texte pour une mise en page directe.

Déploiement local :

git clone https://github.com/geekfoxcharlie/XHS-TextCard.git
cd XHS-TextCard
python -m http.server 8000
# Ouvrir http://localhost:8000/editor.html dans le navigateur

1. Édition du contenu : saisissez le texte Markdown dans l'éditeur à gauche, utilisez deux retours à la ligne pour une segmentation intelligente, --- pour forcer un saut de page, ::: center ... ::: pour un bloc centré.

2. Choix du modèle et des paramètres : sélectionnez le style dans la zone des modèles à droite, ajustez finement les couleurs, polices, espacements, signatures et filigranes dans la zone de style.

3. Aperçu et exportation : visualisez l'effet en temps réel dans la zone d'aperçu centrale, après confirmation vous pouvez télécharger image par image, ou exporter toutes les images en un clic sous forme d'archive ZIP.

Comparaison de XHS-TextCard avec ses concurrents