Markdown-zu-WeChat-Official-Account-Layout-Tool

Wandelt Artikel im Markdown-Format in Layouts für WeChat Official Accounts um, mit Echtzeitvorschau, Code-Hervorhebung, Kopieren mit einem Klick sowie Einzel- und Stapelkonvertierung

Fehler melden

Browser-Ausführungsmodus: Ihre Daten werden in Ihrem Browser verarbeitet und nicht auf den Server hochgeladen.

Geschwindigkeit und Stabilität: Die Verarbeitungsgeschwindigkeit hängt von Ihrem Gerät und Browser ab. Für große Stapelaufgaben kann die Desktop-Version stabiler sein.

Tool wird geladen, bitte warten...

Wenn das Online-Tool nicht lädt oder läuft, versuchen Sie das Desktop-Tool. https://tools.yikeaigc.com/

Tool-Nutzung

Zur alten Version zurückkehren

Layout-Einstellungen

Designstil

Schriftgröße

Zeilenabstand

Absatzabstand

Link-Verarbeitung

Inhaltsverzeichnis automatisch erstellen

Editor-Modus

Wörter gesamt:0

Chinesisch:0

Englische Wörter:0

Absätze:0

Lesezeit:0 Min.

Markdown-Editor

Automatisch gespeichert

📄 Datei zum Importieren loslassen

WeChat-Vorschau (578px)

Stapelkonvertierung

Designstil

Ausgabeformat

Schriftgröße

Link-Verarbeitung

1Markdown-Datei auswählen

Unterstützt .md-, .markdown- und .txt-Dateien; Mehrfachauswahl möglich. Klicken Sie auf einen Dateinamen für die Vorschau.

In die Zwischenablage kopiert, direkt in WeChat Official Account einfügbar

\n'; } function readFileAsText(file) { return new Promise(function(resolve, reject) { const reader = new FileReader(); reader.onload = function(e) { resolve(e.target.result); }; reader.onerror = function(e) { reject(e); }; reader.readAsText(file, 'UTF-8'); }); } // ==================== 批量下载 ==================== batchDownloadBtn.addEventListener('click', function() { if (!batchZip || convertedResults.length === 0) { alert('没有可下载的内容'); return; } batchDownloadBtn.disabled = true; batchStatusText.textContent = '正在生成 ZIP 文件...'; batchZip.generateAsync({ type: 'blob', compression: 'DEFLATE' }) .then(function(content) { const link = document.createElement('a'); link.href = URL.createObjectURL(content); const timestamp = new Date().toISOString().replace(/[-:.]/g, '').replace('T', '_').slice(0, 15); link.download = 'markdown-wechat-' + timestamp + '.zip'; document.body.appendChild(link); link.click(); document.body.removeChild(link); URL.revokeObjectURL(link.href); batchStatusText.textContent = 'ZIP 文件已开始下载'; batchDownloadBtn.disabled = false; }) .catch(function(err) { batchStatusText.textContent = '生成ZIP失败: ' + err.message; batchDownloadBtn.disabled = false; }); }); // ==================== 初始化 ==================== // 尝试恢复上次保存的内容 const savedContent = localStorage.getItem('md-wechat-content'); if (savedContent && savedContent.trim().length > 0) { mdInput.value = savedContent; } else { mdInput.value = exampleMarkdown; } renderMarkdown(); autosaveIndicator.textContent = '就绪'; autosaveIndicator.className = 'md-autosave-indicator'; });

Anleitung

Software-Nutzungsanleitung

Konvertierungsmodus auswählen: Das Tool bietet zwei Modi. Klicken Sie zum Wechseln auf die Registerkarten oben:
- Einzelkonvertierung: Markdown-Inhalte online bearbeiten, Ergebnis in Echtzeit ansehen, Dateiimport per Drag-and-drop unterstützt
- Batch-Konvertierung: Mehrere Markdown-Dateien hochladen und einheitlich konvertieren, Vorschau einzelner Dateien unterstützt
Layout-Einstellungen konfigurieren:
- Designstil: Es stehen 8 Farbschemata zur Auswahl: Standard-Lila, frisches Grün, lebendiges Orange, leidenschaftliches Rot, Tech-Blau, Business-Grau, Mädchenrosa und Nachtmodus. Benutzerdefinierte Farben werden ebenfalls unterstützt (HEX-Farbwert eingeben oder Farbauswahl verwenden)
- Schriftgröße des Fließtexts: Unterstützt mehrere Schriftgrößen von 14px bis 17px
- Zeilenabstand: Zeilenhöhenverhältnis von 1.6 bis 2.2 einstellbar
- Absatzabstand: Absatzabstand von 10px bis 18px anpassbar
- Link-Verarbeitung: Links können in Fußnoten umgewandelt werden (für WeChat-Official-Accounts empfohlen), unverändert bleiben oder nur als Text erhalten bleiben
- Automatisches Inhaltsverzeichnis: Optional kann am Anfang des Artikels automatisch eine Inhaltsnavigation erzeugt werden
- Editor-Modus: Umschalten zwischen hellem und dunklem Editor wird unterstützt, um die visuelle Ermüdung bei längerer Bearbeitung zu reduzieren
Markdown-Inhalte bearbeiten: Geben Sie Markdown-Text im linken Editor ein oder fügen Sie ihn ein. Über die Symbolleiste können Sie schnell Elemente wie Überschriften, Fettdruck, Listen, Codeblöcke und Tabellen einfügen. Tastenkürzel werden unterstützt (Ctrl+B für Fett, Ctrl+I für Kursiv, Ctrl+D für Durchgestrichen, Ctrl+S zum Speichern, Ctrl+1/2/3 für Überschriften, Tab für Einzug). Sie können auch .md-Dateien direkt in den Editorbereich ziehen, um Inhalte zu importieren. Klicken Sie auf die Schaltfläche „Beispiel“, um Beispielinhalte als Referenz zu laden.
Statistiken anzeigen: Das Statistikfeld oberhalb des Editors zeigt in Echtzeit die Gesamtzeichenzahl, die Anzahl chinesischer Zeichen, die Anzahl englischer Wörter, die Anzahl der Absätze und die geschätzte Lesezeit an, damit Sie den Umfang des Artikels leichter kontrollieren können.
Layout-Vorschau ansehen: Der Vorschau-Bereich rechts zeigt den Stil für WeChat-Official-Accounts in Echtzeit an. Die Vorschau-Breite ist strikt nach dem Standard von 578 Pixeln gestaltet. Alle Stile werden inline gerendert, damit das Format nach dem Kopieren vollständig erhalten bleibt.
In den Official Account kopieren: Klicken Sie auf die Schaltfläche „In den Official Account kopieren“, um die formatierten Inhalte direkt in die Zwischenablage zu kopieren, und fügen Sie sie anschließend im WeChat-Official-Account-Editor ein. Links werden automatisch in Fußnoten umgewandelt und eignen sich so besser zum Lesen im Official Account.
Als Langbild/PDF exportieren: Klicken Sie auf die Schaltfläche „📷 Langbild“ oberhalb des Vorschau-Bereichs, um den Artikel als langes PNG-Bild zu exportieren. Klicken Sie auf „📄 PDF“, um ihn als PDF-Datei zu exportieren, damit er bequem auf anderen Plattformen geteilt werden kann.
Automatisches Speichern und Verlauf: Bearbeitete Inhalte werden automatisch im lokalen Browser gespeichert. Nach dem Schließen der Seite können Sie beim erneuten Öffnen den zuletzt bearbeiteten Inhalt wiederherstellen. Klicken Sie auf die Schaltfläche „📋 Verlauf“, um frühere Versionen anzusehen und wiederherzustellen (maximal 20 Einträge werden gespeichert).
Batch-Konvertierung: Wechseln Sie in den Batch-Modus, wählen Sie mehrere .md- oder .txt-Dateien aus, und klicken Sie auf einen Dateinamen, um die Konvertierungsvorschau einer einzelnen Datei anzuzeigen. Nachdem Sie das Ausgabeformat konfiguriert haben, klicken Sie auf „Batch-Konvertierung starten“. Nach Abschluss klicken Sie auf „Alle Ergebnisse herunterladen (ZIP)“, um alle konvertierten Dateien zu erhalten. Der Batch-Modus unterstützt ebenfalls die Syntax für Infokarten, Fußnotenkonvertierung und Code-Highlighting.

Häufige Fragen

Antwort: Unterstützt wird die standardmäßige GFM-Syntax (GitHub Flavored Markdown), einschließlich Überschriften (H1-H6), Fettdruck, Kursiv, Durchgestrichen, geordnete Listen, ungeordnete Listen, Zitatblöcke, Codeblöcke, Inline-Code, Tabellen, Links, Bilder, Trennlinien usw. Außerdem wird eine benutzerdefinierte Infokarten-Syntax unterstützt (:::info, :::warning, :::success, :::danger), wobei Infokarten auch mehrzeilige Inhalte unterstützen.

Antwort: Unterstützt wird Syntaxhervorhebung für gängige Programmiersprachen wie JavaScript, Python, Java, PHP, CSS, HTML/XML, SQL, Bash, JSON, TypeScript, Go, C# usw. Geben Sie am Anfang des Codeblocks den Sprachnamen an, um die entsprechende Hervorhebung zu aktivieren. Die per Stapelkonvertierung ausgegebenen HTML-Dateien enthalten ebenfalls Code-Hervorhebungsstile.

Antwort: Nein. Das Tool ist strikt nach dem Breitenstandard von 578 Pixeln für WeChat Official Accounts gestaltet. Alle Stile werden inline in das HTML geschrieben (einschließlich Themenfarben, Schriftgrößen, Zeilenhöhen, Absatzabständen usw.). Nach dem Kopieren können Sie den Inhalt direkt in den Editor von WeChat Official Accounts einfügen; das Format entspricht der Vorschau und erfordert keine Nachbearbeitung.

Antwort: Die Stapelkonvertierung unterstützt die Eingabe von Dateien in den drei Formaten .md, .markdown und .txt. Als Ausgabeformat können HTML-Dateien oder reiner Text (mit HTML-Code) gewählt werden; nach der Konvertierung wird alles als ZIP-Datei zum Download gepackt. Vor der Konvertierung können Sie auf den Dateinamen klicken, um die Formatierung einer einzelnen Datei in der Vorschau anzusehen.

Antwort: Nein. Die gesamte Markdown-Analyse und Formatkonvertierung erfolgt lokal auf Ihrem Gerät. Dateiinhalte werden auf keinen Server hochgeladen, sodass die Privatsphäre Ihrer Artikelinhalte und die Datensicherheit gewährleistet sind. Die automatische Speicherfunktion verwendet den lokalen Speicher des Browsers (localStorage); die Daten werden nur auf Ihrem Gerät gespeichert.

Antwort: Es werden zwei Schreibweisen unterstützt. Einzeilige Schreibweise: :::info Informationsinhalt:::. Mehrzeilige Schreibweise (empfohlen): Beginnen Sie mit :::info, schreiben Sie den Inhalt dazwischen und schließen Sie mit ::: ab; jeder Teil steht in einer eigenen Zeile. Verfügbare Typen sind: :::info blaue Informationskarte, :::warning orangefarbene Warnkarte, :::success grüne Erfolgskarte, :::danger rote Gefahrenkarte.

Antwort: Wenn nach der Konvertierung mehrerer Dateien gleiche Dateinamen auftreten, fügt das System automatisch ein numerisches Suffix an den Dateinamen an, z. B.: article.html, article_2.html, article_3.html, damit alle Dateien korrekt gespeichert werden können.

Antwort: In WeChat-Official-Account-Artikeln können Hyperlinks nicht direkt angeklickt werden. Nach dem Aktivieren des Modus „In Fußnoten umwandeln“ werden Links im Artikel automatisch in hochgestellte nummerierte Markierungen (z. B. [1], [2]) umgewandelt und alle Linkadressen am Ende des Artikels gesammelt aufgelistet, damit Leser sie bequem nachschlagen können. Dies ist die empfohlene Vorgehensweise für das Layout von Official-Account-Artikeln.

Antwort: Klicken Sie oberhalb des Vorschaubereichs auf die Schaltfläche „📷 Langes Bild“, um den Artikel als hochauflösendes langes PNG-Bild (2-fache Auflösung) zu exportieren. Klicken Sie auf die Schaltfläche „📄 PDF“, um ihn als PDF-Datei im A4-Format zu exportieren. Der exportierte Inhalt entspricht der Vorschau und eignet sich zum Teilen in Momenten, Communitys und ähnlichen Szenarien.

Antwort: Nein. Das Tool verfügt über eine integrierte automatische Speicherfunktion; bearbeitete Inhalte werden alle 3 Sekunden automatisch im lokalen Speicher des Browsers gespeichert. Selbst wenn die Seite versehentlich geschlossen wird, werden beim nächsten Öffnen automatisch die zuletzt bearbeiteten Inhalte wiederhergestellt. Außerdem werden die letzten 20 Verlaufseinträge aufbewahrt; klicken Sie auf die Schaltfläche „📋 Verlauf“, um frühere Versionen jederzeit anzuzeigen und wiederherzustellen. Sie können auch Ctrl+S zum manuellen Speichern verwenden.

Antwort: Die folgenden Tastenkürzel werden unterstützt: Ctrl+B Fett, Ctrl+I Kursiv, Ctrl+D Durchgestrichen, Ctrl+S Manuell speichern, Ctrl+1 Überschrift 1, Ctrl+2 Überschrift 2, Ctrl+3 Überschrift 3, Tab Einzug einfügen. Mac-Benutzer können einfach die Ctrl-Taste durch die Command-Taste ersetzen.

Antwort: Wählen Sie im Dropdown-Menü für den Designstil „Benutzerdefinierte Farben“ aus. Daraufhin erscheinen ein Farbwähler und ein HEX-Eingabefeld. Sie können den Farbwähler anklicken, um intuitiv eine Farbe auszuwählen, oder direkt einen 6-stelligen HEX-Farbwert eingeben (z. B. #FF6600). Elemente wie die Zierlinie von Überschriften, fetter Text und Rahmen von Zitatblöcken verwenden dann einheitlich die von Ihnen festgelegte Farbe.