Kürzlich, als ich lange X-Beiträge in meinen WeChat Official Account importieren wollte, fand ich kein Formatierungstool, das sich richtig anfühlte. Da ich in letzter Zeit mehrere IP-bezogene Skills erstellt hatte, dachte ich mir: Warum baue ich mir nicht selbst ein Formatierungstool, das ein bisschen IP-exklusives Flair hat?
Anfangs wollte ich nur meine eigenen Formatierungsprobleme lösen, aber während der Arbeit kamen immer mehr Ideen: Könnte das Farbschema der IP folgen? Könnten Charaktere in Kapiteln platziert werden? Könnten Markdown, TXT, Code-Blöcke und Tabellen auf einmal verarbeitet werden? Könnte es direkt auf dem Handy verwendet werden?
Da ich schon so weit gekommen bin, sollte ich es nicht für mich behalten; ich sollte allen eine weitere Option für die Formatierung des Official Accounts geben. So wurde Punk Weipai geboren.
Der gewünschte Effekt war unkompliziert: das etwas unordentliche Markdown-Original auf die linke Seite legen, einen Knopf drücken, und auf der rechten Seite erscheint ein WeChat-Artikel mit organisierten Titeln, Zitaten, Code-Blöcken und Bildern im richtigen Rhythmus.
Die Website ist direkt nutzbar:
https://weipai.iamadrianpunk.com
Wenn du die Seite zum ersten Mal öffnest, siehst du einen "Brief", den Punk geschickt hat. Das Anfänger-Tutorial stellt nacheinander Farbschemata, Import von Rohentwürfen, Vorschau-Kopieren und feste Enden vor; wenn du mit dem Prozess bereits vertraut bist, kannst du es direkt überspringen.
1. Es löst zuerst das Nervigste
Der Workflow von Punk Weipai ist sehr direkt: Lege das Markdown- oder TXT-Original auf die linke Seite, und die WeChat-Formatierung wird in Echtzeit auf der rechten Seite generiert. Nachdem du den Effekt bestätigt hast, klicke auf "In Official Account kopieren" und füge es in den WeChat Official Account Web-Editor ein.
Die Inhalte, bei denen ich Zeit für die Verarbeitung aufgewendet habe – die Teile, die in langen Artikeln am ehesten Probleme verursachen – umfassen:
- Artikelüberschriften, Kapitelüberschriften und sekundäre Überschriften;
- Geordnete Listen, ungeordnete Listen und mehrstufig verschachtelte Listen;
- Zitate, Trennlinien, fetter Text und Inline-Code;
- Lokale Bilder, Tabellen und mehrere aufeinanderfolgende Code-Blöcke;
- Absatzabstände, Zeilenabstände und Schriftarten, die für das Lesen im Official Account geeignet sind.
Wenn der Rohentwurf klare Überschriftenebenen hat, werden die Kapitel basierend auf den Markdown-Überschriftengrößen bestimmt. Sekundäre Überschriften mit Nummern behalten diese bei, während solche ohne einen dicken vertikalen Strich verwenden; allgemeine Punkte verwenden ausgefüllte Punkte, die sich mit der Themenfarbe ändern.
Code-Blöcke behalten die macOS-Fensterleiste, und Tabellen verwenden Dreizeilen-Tabellen.
2. Der gesamte Prozess dauert nur drei Schritte
1. Rohentwurf einfügen
Du kannst Markdown direkt einfügen oder .md-, .txt-Dateien oder Artikelpakete mit lokalen Bildern importieren. Die Seite öffnet sich mit einem voll funktionsfähigen Beispiel, einschließlich Überschriften, Zitaten, Listen, Bildern, Tabellen und Code-Blöcken, sodass du auf einen Blick sehen kannst, wie jede Syntax aussieht.
2. Farbschema und Kapitelstil auswählen
Das Tool enthält Voreinstellungen wie Punk Color, Retro Trend, Red-Blue CP und Vitality Orange. Jedes Schema enthält eine Themenfarbe, eine Akzentfarbe und eine fast weiße helle Farbe; der Hintergrund des Textkörpers ist standardmäßig weiß.
Du kannst auch dein eigenes IP-Bild hochladen. Das System extrahiert repräsentative Farben aus dem Bild und generiert drei Schemata: "IP-Name Farbe 1, 2 und 3." Wähle das aus, das deinem Stil am nächsten kommt, und fahre dann mit der Feinabstimmung fort.
Das Farblabor macht dies zu einem sichtbaren Prozess: Extrahiere repräsentative Farben aus der IP, erweitere sie auf drei verschiedene Schemata und hinterlasse schließlich vier Farbrollen, die tatsächlich für die Formatierung verwendet werden können.
Nachdem du ein Farbschema ausgewählt hast, kannst du es weiter Stück für Stück anpassen. Jeder Farbblock kann "Funktionsauswahl" öffnen, um zu entscheiden, ob er für den Hintergrund des Textkörpers, Überschriften, fette Hervorhebungen, Überschriftendekorationen, Trennlinien, Listenmarkierungen, Code-Blöcke, Tabellen, Inline-Code-Text, Inline-Code-Hintergrund oder Zitate verwendet wird; dieselbe Farbe kann auch mehreren Zwecken dienen. Zum Beispiel lasse ich Blau Überschriften und Code-Blöcke übernehmen, Gelb kümmert sich um Fettdruck, Listen und Trennlinien, und die fast weiße helle Farbe bleibt für Zitate und Inline-Code-Hintergründe.
Wenn du keine IP hast, kannst du auch "Benutzerdefinierte Farbe" eingeben, um HEX-Farbcodes, Farbschemanamen und Farbverwendungen zu ändern. Dieser Eintrag ist für diejenigen gedacht, die bereit sind, Farben selbst anzupassen, und zwingt nicht jeden, zuerst einen Avatar hochzuladen.
Kapitelstile können ebenfalls direkt gewechselt werden. Derzeit gibt es 9 Optionen: dicke Unterstreichung, Schrägstrich, linke vertikale Linie, Kasten, eckige Klammern, Doppelkreise, Punktmatrix, oben platzierte Zahl und Anführungszeichen. Das Menü zeigt zuerst den tatsächlichen Effekt, sodass du nicht nach Namen raten musst. Nach dem Wechsel werden die Kapitel des gesamten Artikels gemeinsam aktualisiert, ohne dass du zurück zum Markdown gehen musst, um sie einzeln zu ändern.
Wenn "Kapitel-IP" aktiviert ist, steht der Charakter bei kurzen Titeln auf der horizontalen Überschriftenlinie;
Bei längeren Titeln, die umbrechen könnten, wird die IP automatisch in die Mitte über dem Titel verschoben, um eine Überfüllung des Textkörpers zu vermeiden.
Farbschemata, Kapitelstile und ob die IP angezeigt wird, sind unabhängig voneinander und können je nach deinem Inhalt frei kombiniert werden.
3. Vorschau, dann in den Official Account kopieren
Der Schreibbereich und der Vorschaubereich werden synchron aktualisiert. Wenn du dich auf die Überprüfung des Artikels konzentrieren möchtest, kannst du "Fokus-Vorschau" öffnen, um nur den endgültigen WeChat-Entwurf zu behalten; dies kann sowohl auf dem Computer als auch auf dem Handy verwendet werden.
4. Mobile Anpassung
Für die mobile Seite wurde eine separate Anpassung vorgenommen, sodass der gesamte Prozess keine Rückkehr zum Computer erfordert:
- Die Formatierungswerkzeuge sind in einem Hamburger-Menü oben rechts versteckt, um horizontales Scrollen und Verdecken des Textkörpers zu vermeiden;
- Die Artikelbreite, der Innenabstand und die Vorschaumethoden passen sich automatisch an den mobilen Bildschirm an.
So kannst du den gesamten Workflow "Rohentwurf importieren – Stil anpassen – Vorschau prüfen – In Official Account kopieren" auf deinem Telefon abschließen. Wenn du einen Artikel vorübergehend ändern musst, musst du keinen Computer nur für die Formatierung einschalten.
Klicke schließlich auf "In Official Account kopieren", um den vollständigen Rich-Text in den WeChat Official Account Web-Editor einzufügen. Überschriften, Zitate, Listen, Tabellen und Code-Blöcke werden alle übernommen, ohne dass du sie Absatz für Absatz anpassen musst.
3. Ein paar Details, die ich immer wieder verwende
Zuerst das Feste Ende.
Inhalte wie Autorenvorstellungen, Account-Positionierung und Follow-Aufforderungen müssen für jeden Artikel geschrieben werden und können leicht übersehen werden. Jetzt kannst du ein festes Ende vorab speichern und aktivieren; unabhängig davon, ob dieser Text im Rohentwurf vorhanden ist, wird er automatisch an das Ende des formatierten Ergebnisses angehängt, getrennt durch einen Trennstrich.
Das feste Ende übernimmt die Schriftart und das Farbschema des aktuellen Artikels. Der Inhalt wird im aktuellen Browser gespeichert und muss bei einem Gerätewechsel neu eingestellt werden.
Zweitens die Teilweise Farbänderung. Du kannst für den Textkörper automatisch, schwarz, weiß oder benutzerdefinierte Farben wählen oder direkt einen bestimmten Textabschnitt in der Vorschau auswählen, um nur dessen Farbe zu ändern. Dies ist sehr praktisch, um Befehle in Tutorials oder wichtige Zahlen in Rezensionen hervorzuheben.
Drittens die IP, die Kapiteln folgt. Nachdem du ein Charakterbild hochgeladen hast, kannst du entscheiden, ob es neben jeder Kapitelüberschrift erscheinen soll. Farbschemata und IP-Anzeige sind zwei unabhängige Schalter: Du kannst dein eigenes Farbschema verwenden, ohne den Charakter anzuzeigen, oder zu einem empfohlenen Farbschema wechseln, während der Charakter erhalten bleibt.
4. Für wen ist das nützlich?
Wenn deine Artikel hauptsächlich in Word erstellt werden und du selten Code, Tabellen oder Markdown verwendest, ist dieses Tool möglicherweise nicht notwendig.
Die folgenden Szenarien sind besser geeignet:
- Häufiges Konvertieren langer X-Beiträge, Notizen oder Markdown in WeChat-Artikel;
- Verwenden von KI zum Schreiben von Rohentwürfen, aber keine erneute Formatierung im WeChat-Backend wünschen;
- Schreiben von KI-Tool-Tutorials mit vielen Code-Blöcken und Inline-Code;
- Betreiben eines persönlichen Accounts, Studios oder mehrerer verschiedener IPs gleichzeitig;
- Beibehalten eines konsistenten visuellen Stils für den Official Account, ohne jedes Mal Formate von Grund auf neu anpassen zu müssen.
Punk Weipai konzentriert sich derzeit auf die Formatierung. Es schreibt keine Artikel für dich um und hat auch keine KI-generierten Cover. Der Umfang ist begrenzt. Öffne also die Seite, füge den Entwurf ein, passe den Stil an und kopiere ihn zur Veröffentlichung.
5. Du kannst diesen minimalen Workflow zuerst ausführen
Wenn du es zum ersten Mal verwendest, versuche nicht, alle Einstellungen auf einmal zu studieren. Folge diesen drei Schritten:
- Öffne die Website und sieh dir die Vorschau des Standardbeispiels auf der rechten Seite an;
- Füge dein Markdown auf der linken Seite ein und wähle ein vorgefertigtes Farbschema;
- Klicke auf "In Official Account kopieren" und füge es in das Entwurfsfeld ein, um es einmal zu überprüfen.
Sobald dieser Weg klar ist, lade deine IP hoch, passe die Farbcodes an, wechsle die Kapitelstile und speichere feste Enden.
Der Satz, den ich für dieses Tool festgelegt habe, ist:
Lass jeden guten Inhalt ein gutes Layout haben.
Wenn du auch oft an dem Punkt hängen bleibst, dass "der Artikel fertig ist, aber die Formatierung des Official Accounts nicht", kannst du es direkt ausprobieren:
https://weipai.iamadrianpunk.com
Über den Autor
Punk｜Master of Management, USTC｜KI-Prompts, KI-Anfänger-Tutorials｜Autor der Punk-Serie Skills｜8-stellige Einnahmen in 3 Monaten｜Learn in Public｜FDE-Artikelaufrufe 2,4 Mio.｜@AdrianPunk115
