XHS-TextCard: kostenloser Open-Source-Textkartengenerator für Xiaohongshu
XHS-TextCard: kostenloser Open-Source-Textkartengenerator für XiaohongshuEinführung
XHS-TextCard ist ein Open-Source-Tool zur Erzeugung von Textkarten, das sich hauptsächlich an Xiaohongshu-Creators richtet. Es kann Markdown-Inhalte in hochauflösende Bilder umwandeln, unterstützt intelligente Seitenumbrüche und bietet 12 eingebaute Vorlagen. Da es rein im Frontend lokal läuft, ist es in puncto Datenschutz recht sicher und ermöglicht den Stapelexport von Bildern in der Größe 1242×1656 für图文-Serien.
Das Projekt wird vom Entwickler geekfoxcharlie (Xiaohongshu: 极客狐) als Open Source unter der MIT-Lizenz gepflegt. Die gesamte Architektur ist rein frontend-basiert, ohne Backend, und es werden keine Daten auf Server hochgeladen. Markdown-Parsing, Seitenumbrüche, Canvas-Rendering und Bildexport erfolgen alle lokal im Browser, ohne Netzwerkabhängigkeit und sind auch offline nutzbar.

Funktionen
Markdown-Langtext zu Bild: Unterstützt gängige Syntax wie Überschriften, Fettdruck, Hervorhebung (==Hervorhebung==), Kursivschrift, Durchstreichen, Codeblöcke und zentrierte Blöcke (::: center ... :::), mit denen sich lange Texte direkt in mehrere Bilder umwandeln lassen.
Intelligente Seitenumbrüche: Der TextSplitter findet automatisch passende Stellen zum Trennen und bevorzugt dabei Absatzumbrüche. Wenn du einen manuellen Seitenumbruch erzwingen möchtest, gib einfach --- ein.
12 Vorlagen: Integrierte Stile wie Vintage-Polaroid, Effizienz-Notiz, Buchinnenseite, Apple-Memos, Zürich-Studio und Minimal-Magazin – mit einem Klick wechselbar.
Pixelgenaues Canvas-Rendering: Statt instabiler DOM-Lösungen wird direkt mit Canvas gezeichnet, die Ausgabe erfolgt in 1242×1656, ideal im 3:4-Verhältnis für Xiaohongshu.
Tiefgreifende visuelle Anpassung: Schriftgröße, Zeilenhöhe, Zeichenabstand und Innenabstand lassen sich anpassen; Hintergründe können mit Vollfarben oder Verläufen gestaltet werden, es gibt Morandi-Farbpaletten-Presets sowie direkte Eingabe von HEX oder RGBA.
Marken-Signatur und Anti-Diebstahl-Wasserzeichen: Bietet verschiedene Signaturstile wie Terminal-Geek-Style, Kapsel, Serifen und Milchglas, zudem Hintergrundwasserzeichen mit einstellbarer Transparenz.
Cover-Design: Cover-Titel, Schriftart und Layout sind frei definierbar, was die Erstellung eines einheitlichen Serien-Looks erleichtert.
Praktischer Export: Einzelne Bilder können heruntergeladen oder als ZIP-Datei gesammelt exportiert werden. Die Parameter werden automatisch gespeichert, sodass der Serien-Look konsistent bleibt.
Anwendungsszenarien
Wissens-Creators, die lange Ratgeber-Texte in mehrere Bild-Text-Notizen aufteilen möchten
Lese-Notizen und Buchzitate als visuelle Karten gestalten
Serieninhalte von Marken oder persönlichen IPs einheitlich layouten und veröffentlichen
Verarbeitung datenschutzsensibler Inhalte (z. B. unveröffentlichte Manuskripte, interne Unterlagen), ohne Internetverbindung
Tutorials und Strategie-Langformate strukturiert in Seiten gegliedert darstellen
XHS-TextCard Vor- und Nachteile
| Dimension | Vorteile | Nachteile |
|---|---|---|
| Datenschutz & Sicherheit | Läuft komplett lokal, Inhalte werden nicht in die Cloud hochgeladen und beim Schließen des Browsers gelöscht | Keine Cloud-Synchronisierung, geräteübergreifend müssen Dateien manuell übertragen werden |
| Kosten | Open Source und kostenlos, keine Abonnements oder Funktionsbeschränkungen | Erweiterte AI-Layoutfunktionen und API-Automatisierung erfordern die kostenpflichtige offizielle Online-Version |
| Leistung | Echtzeit-Vorschau in Millisekunden, flüssige Reaktion auch bei langen Texten | Bei sehr langen Texten oder komplexem Layout ist der Browser-Arbeitsspeicher stark ausgelastet |
| Anpassbarkeit | Open Source und weiterentwickelbar, vorlagengesteuerte Konfiguration, leicht erweiterbar | Für tiefgreifende Vorlagen-Anpassungen sind Frontend-Grundkenntnisse erforderlich |
| Offline-Fähigkeit | Nach dem Klonen des Repos vollständig offline nutzbar | Erstmalige Bereitstellung erfordert lokalen Server-Start, ein direktes Öffnen per HTML-Doppelklick ist nicht möglich |
Häufig gestellte Fragen
Warum funktioniert das Doppelklicken auf die HTML-Datei nicht? Browser-Sicherheitsrichtlinien (CORS) schränken das ein, der Zugriff muss über einen lokalen Server erfolgen. Empfohlen wird `python -m http.server 8000`, danach `localhost:8000/editor.html` aufrufen.
Warum bietet die Open-Source-Version kein KI-gestütztes intelligentes Layout? KI-Layout, Feishu-Stapelverarbeitung und API-Automatisierung gehören zu den Cloud-Erweiterungen der offiziellen Online-Version (xhs-textcard.site); die lokale Open-Source-Version ist nur für Rendering und Export zuständig.
Wie erzwinge ich einen Seitenumbruch an einer bestimmten Stelle? Gib an der gewünschten Stelle --- (drei Bindestriche) ein, das System trennt dort den Inhalt.
Wie halte ich den Stil einer Inhaltsserie einheitlich? Nachdem die Parameter angepasst wurden, speichert das Tool die Konfiguration automatisch; die gleiche Vorlage lässt sich so direkt wiederverwenden.
Was kann ich tun, wenn die exportierten Bilder unscharf sind? Standardmäßig werden PNG/JPEG in 1242×1656 ausgegeben. Sind sie nach dem Download unscharf, liegt das wahrscheinlich an einer Komprimierung durch WeChat oder QQ – es wird empfohlen, das Originalbild zu speichern.
So nutzt man XHS-TextCard
Online-Nutzung: Besuche die offizielle Online-Version xhs-textcard.site, füge deinen Text ein, und das Layout lässt sich direkt erstellen.
Lokale Bereitstellung:
git clone https://github.com/geekfoxcharlie/XHS-TextCard.git cd XHS-TextCard python -m http.server 8000 # Browser öffnen: http://localhost:8000/editor.html
Inhalt bearbeiten: Gib im linken Editor Markdown-Text ein, verwende zwei Zeilenumbrüche für intelligente Absätze, --- für erzwungene Seitenumbrüche und ::: center ... ::: für zentrierte Blöcke.
Vorlage wählen & Parameter anpassen: Im rechten Vorlagenbereich den Stil auswählen und im Stil-Bereich Farben, Schriftarten, Abstände, Signatur und Wasserzeichen feinjustieren.
Vorschau & Export: Im mittleren Vorschaubereich das Ergebnis in Echtzeit ansehen; nach Bestätigung können einzelne Bilder heruntergeladen oder alle Bilder gesammelt als ZIP exportiert werden.
Vergleich von XHS-TextCard mit Wettbewerbern
| Vergleichspunkt | XHS-TextCard | Redbookcard | MocCard |
|---|---|---|---|
| Lizenz | MIT, frei kommerziell nutzbar und veränderbar | Open Source (GitHub) | Meist proprietär oder SaaS |
| Ausführungsart | Reines Frontend lokal / offizielle Online-Version | Reines Frontend lokal | Überwiegend Cloud-basiert |
| Datenschutz | Kein Upload, lokale Verarbeitung | Lokale Verarbeitung | Inhalte müssen auf den Server hochgeladen werden |
| KI-Layout | In der Online-Version unterstützt, in der lokalen Version nicht | Nicht vorhanden | Teilweise unterstützt |
| Anzahl der Vorlagen | 12 hochwertige Vorlagen | Basisvorlagen | Viele Vorlagen, aber häufig kostenpflichtig |
| Markdown-Unterstützung | Vollständige Unterstützung (inkl. Hervorhebung und zentrierter Blöcke) | Grundlegende Unterstützung | Teilweise unterstützt oder nur Rich-Text |
| Hochauflösender Export | Canvas-Rendering mit 1242×1656 | Standardgrößen | Plattformabhängig |
| Stapel-Export | Ein-Klick-ZIP-Paket | Überwiegend einzeln | Teilweise unterstützt |
| Kosten | Lokale Version komplett kostenlos | Kostenlos | Erweiterte Funktionen oft nur im Abo |
Drehbuch-Assistent▸
AI Apps
AI Nachrichten