Wenn Sie gleichzeitig sind𝕏 Die Aktualisierung des Inhalts des öffentlichen Accounts und des kleinen roten Buches sollte alle auf das gleiche Problem stoßen: Ein langer Text wurde geschrieben, ich möchte an das kleine roten Buch senden, aber ich muss es fast noch einmal machen.
Direkte Screenshots, die Schriftgröße ist zu klein; Kopieren von Text, Inhalt kann nicht fallen; Set vorgefertigte Vorlagen, und nicht mit Ihrem eigenen Konto-Stil. Tutorial-Artikel sind lästiger, mit weniger Schlüssel-Screenshot, kann der Leser in einem bestimmten Schritt stecken bleiben.
Vor kurzem habe ich meine wiederholten Red Book Typografie-Prozesse zu einem Codex Skill zusammengestellt -Punk XHS-Karten。
Es kann automatisch auf der Grundlage der von Ihnen bereitgestellten Fotos von Personen (oder bereits vorhandenen IP), angegebenen Aktionen von Personen und eines langen Markdown-Artikels eine Reihe von vertikalen Wissenskarten mit persönlicher IP erzeugen und gleichzeitig den Titel des kleinen roten Buches, den Text, die Themen-Tags und das endgültige ZIP-Paket ausgeben, so dass ein bereits geschriebener Artikel kostengünstiger ist, um die Plattform-übergreifende Wiederverwendung zu erledigen.
Warum diese Skill?
Früher schickte mein kleines rotes Buch hauptsächlich Bilder und Tipps, der Inhalt war nicht lang, und ich konnte sie veröffentlichen.
Später wurden mehr und mehr Lehr - und Veröffentlichungen veröffentlicht, obwohl die𝕏 Und die öffentliche Nummer fast nicht zu ändern, aber zum kleinen roten Buch, immer nicht zufriedenstellende Weise zu finden: Volltext Screenshots nicht klar zu sehen, Kopieren Text kann nicht platziert werden, neu zu schreiben und zu viel Zeit in Anspruch nehmen.
Also begann ich, Codex zu bitten, mir zu helfen, Markdown automatisch in Vertical HTML zu zerlegen. Ursprünglich löste es nur das Problem „Wie man einen langen Text auf den Bildschirm eines Mobiltelefons anordnet", sodass der Text automatisch in mehrere Bilder aufgeteilt wurde und die Schriftgröße, Abstand und Layout einheitlich aufbewahrt wurden.
Nachdem ich es mehr und mehr gemacht habe, habe ich festgestellt, dass es wirklich wiederholt ist, in der Tat weit mehr als nur Typografie.
Fast jeder Artikel benötigt:
- eine neue Überschrift, die dem kleinen roten Buch entspricht;
- Markdown wird automatisch in mehrere Wissenskarten zerlegt.
- Bestätigen Sie die Person IP und als Cover-Autor;
- Aufbewahrung der wichtigsten Screenshots im Tutorial;
- Erstellen von Cover, Textbefehl und Thementags;
- Überprüfen Sie Text-Ausschnitte, Bildverfehlungen und Personenverhältnisse.
Da jeder Prozess fast gleich ist, kann es sich vollständig zu einem Workflow konsolidieren.
Ich baute meine eigene IP, also entworfen Punk-Image in einem roten Hooded Jacket und verbinden Charaktere, Themenfarben und Typografie-Regeln zusammen in den gesamten Prozess, schließlich zu organisieren. Punk XHS-Karten。
Für Schöpfer, die mehrere Plattformen gleichzeitig betreiben, ist es schwierig, dass derselbe Inhalt eine Markenerkennbarkeit aufzubauen, wenn es nur einfache Größenänderungen und Vorlagen ändert; und mit einem einheitlichen IP - und visuellen System können die Leser Ihren Inhalt auf den ersten Blick erkennen, auch auf verschiedenen Plattformen.
Letztendlich ist der Eingang für diese Fähigkeit ein Markdown, der Ausgang ist eine ganze Reihe von Wissenskarten, direkt veröffentlichbarem Text und letztendlich ein ZIP-Package.
Wie funktioniert es?
Punk XHS-Karten werden nicht sofort nach Erhalt des Artikels in Massenkarten gezeichnet, sondern haben drei Bestätigungsknoten:
- Personen bestätigt.
- Kartenform bestätigt
- Cover bestätigt
Der vollständige Prozess ist wie folgt:
上传人物照片或已有 IP 图
↓
确认人物名称、主题色、人物设定与卡片动作
↓
确认动作图、专属主色和正文样稿
↓
上传 Markdown 长文
↓
解析标题、正文结构和关键图片
↓
确认 IP 主题插图与 16:9 macOS 窗口封面
↓
生成从 01 开始编号的正文卡片、发布文案和 ZIP
Der größte Vorteil ist, dass die Kosten für die Änderung auf ein Minimum reduziert werden.
Es gibt ein Problem mit dem Verhältnis der Charaktere, ändern Sie nur die Charaktere; Thema-Farbe ist nicht zufrieden, nur das Profil anzupassen; Cover-Typografie muss geändert werden, nicht mehr als ein Dutzend Textkarten neu erzeugen.
Sobald das Cover bestätigt wurde, wird das offizielle Rendering der gesamten Innenseite beginnen. Das Cover ist verantwortlich für die Darstellung des Themas, des Titels, des Autors und der persönlichen IP, nicht an der Textnummer beteiligt; der Text ist einheitlich von 01 anfangen.
Jeder kann seine eigene Version haben.
Viele Leute, die meine Demo gesehen haben, werden das rote Thema bemerken.
Rot ist eigentlich nur mein Punk-Profil.
Jeder Benutzer kann beim ersten Gebrauch von Skill sein eigenes Foto oder eine bereits vorhandene IP hochladen und Folgendes angeben:
- Namen der Person
- Personen bewegungen
- Marke Thema Farbe
Wenn keine Farbe angegeben ist, extrahiert Skill automatisch Farbkandidaten aus dem Kleid oder Accessoire des Charakters und wird vom Benutzer bestätigt.
Zum Beispiel,
- Blauer Mantel → Blaues Sehsystem
- Orange-Schal → Orange-Abdeckung mit Schwerpunktkasten
- Alle Karten sind grün, einheitlich grün.
Die Charaktere entscheiden über das visuelle System, und die Vorlagen sind dafür verantwortlich, konsistent zu bleiben.
Auch die Charakterbewegungen können frei angegeben werden, zum Beispiel:
- Stehen und erklären.
- Zeigt auf Inhalt
- Nehmen Sie die Platte.
- Whiteboard-Demonstration
- Sitzen und am Computer benutzen
Nach der Bestätigung der Aktion wird das Charakterprofil geschrieben, und alle anschließenden Cover und Text werden konsistent bleiben. Figuren werden immer proportional dargestellt und werden nicht gedehnt oder komprimiert, um das Layout zu füllen.
Auch das Bildschirmbild ist Teil des Textes.
Das ist das, was mir am meisten bei der Erstellung von Skills interessiert.
Viele Typografie-Tools verarbeiten nur Markdown-Text, entweder vollständig verwerfen Sie das Bild oder mechanisch gleich verteilen.
Für die Meinung Artikel beeinflussen nicht viel, aber das Tutorial ist völlig anders.
Ein fehlender Screenshot kann dazu führen, dass der Leser den gesamten Prozess nicht durchführen kann.
Punk XHS Cards lesen daher zuerst die Bilder in Markdown, beurteilen dann ihre Rolle im Kontext und erstellen eine "Schritt-Screenshot - Fertigstellung" - Zuordnung.
Zu den vorrangigen Reserven gehören:
- Screenshot der Operationsinterface
- Importieren Sie Inhaltskarte
- Ergebnisse nach Abschluss der Einrichtung
- Flussdiagramm, Struktur Diagramm
- Wichtige Bilder, die das Verständnis nach dem Fehlen beeinträchtigen
Dekorative Abbildungen, Duplicate Cover, Avatare und unbezogene Logos nehmen keinen Textplatz ein.
Wenn ein Tutorial 12 oder sogar 20 Karten benötigt, erhöht Skill automatisch die Anzahl der Seiten, ohne Screenshots zu komprimieren oder Schritte zu löschen, um eine feste Anzahl zu erreichen.
Die erste Priorität des Unterrichts ist immerDamit kann der Leser den gesamten Prozess durchlaufen.。
Neues Cover Design
Das neue Cover wird von zwei Schichten erzeugt.
Die erste Ebene von Punk-IP - Artikel Illustrationen Basierend auf dem Markdown-Inhalt werden Illustrationen erstellt, die wirklich dem Thema des Artikels entsprechen, und die Figuren werden an der Darstellung des Inhalts teilnehmen, anstatt neben ihnen zu stehen und zu dekorieren.
Die zweite Schicht ist vom Renderer verantwortlich:
- Verwenden von Themenfarben für Personprofile
- Kurz mitten im oberen Buch.
- In der Mitte ein feines MacOS-Fenster
- Vollständige 16: 9 - Illustrationen behalten
- Unten ist der Name des Autors.
Der Autorenname stammt von dem Namen der Person, die beim Erstellen des Charakters bestätigt wurde, anstatt jedes Mal neu eingegeben zu werden.
Die Überschrift und der Text des Autors werden vom Renderer gezeichnet und sind unabhängig vom Rohmodell, sodass es keine Tippfehler gibt; die Schriftart wählt automatisch die Kompatibilität je nach macOS, Windows und Linux aus.
Was wird am Ende geliefert.
Standardmäßig wird ein Artikel erstellt:
- 1 Cover.
- Neun Karten für die Karte
Wenn der Artikel länger ist oder mehr Screenshots in den Tutorials enthalten sind, wird die Anzahl der Körperseiten automatisch erhöht.
Der endgültige Katalog lautet:
<article-slug>-小红书/
├── source.md
├── cover-illustration.png
├── assets/article-images/
├── cards.json
├── publish-copy.md
├── output/
│ ├── cover.png
│ ├── card-01.png
│ └── ...
└── <article-slug>-小红书.zip
Von denen publish-copy.md Enthält:
- 1 empfohlene Überschrift
- Drei Alternativen Titel
- Ein kleines rotes Buch, das direkt veröffentlicht werden kann.
- 6 - 10 empfohlene Themen
Sobald alle Bilder erstellt wurden, werden automatisch überprüft:
- Ob der Text abgeschnitten wird
- Elemente überschneiden sich.
- Die Personenverhältnisse sind richtig.
- Sind die Schritte des Unterrichts komplett?
- Schlüsselfotos fehlen
Nach der Bestätigung der korrekten Verpackung erzeugen Sie den endgültigen ZIP.
Ein Obsidian-Tutorial, das ich kürzlich getestet habe, hat letztendlich 1 Cover, 17 Textkarten und 16 wichtige Screenshots erhalten。
Installationsmethode
Das Projekt wurde auf GitHub veröffentlicht.
Bei Verwendung von Codex können Sie direkt installieren:
git clone https://github.com/adrianpunk/punk-xhs-cards.git
cp -R punk-xhs-cards/punk-xhs-cards ~/.codex/skills/
Die Windows:
git clone https://github.com/adrianpunk/punk-xhs-cards.git
Copy-Item -Recurse punk-xhs-cards\punk-xhs-cards "$HOME\.codex\skills\punk-xhs-cards"
py -3 -m pip install -r "$HOME\.codex\skills\punk-xhs-cards\requirements.txt"
Statt auf Swift und AppKit für macOS zu verlassen, verwenden Sie den Python + Pillow Renderer, Windows, Linux und macOS teilen den gleichen Satz von Kartendaten und Layouts, nur Linux erfordert zusätzliche Installation der chinesischen Schriftart (Noto Sans CJK).
Abdeckungsstadien abhängig Punk-IP - Artikel IllustrationenBitte stellen Sie sicher, dass diese Fähigkeit installiert ist.
Danach müssen Sie nur in einem neuen Codex-Aufgabe senden:
请使用 $punk-xhs-cards。
先根据我上传的照片建立个人 IP，
确认人物、卡片动作和视觉风格后，
再把我提供的 Markdown 做成小红书知识卡片。
Beim ersten Einsatz bestätigt Skill:
- Bilder von Personen (oder bereits IP)
- Name der Person (als Cover-Autor)
- Themafarbe (empfohlen, Hex)
- Personen bewegungen
Nachdem die Charaktere und das visuelle System bestätigt sind, beginnen Sie mit der Verarbeitung des langen Textes, und der gesamte Prozess wird glatter.
Die gegenwärtige Grenze
Die aktuelle Version hat einige bekannte Einschränkungen:
- Python + Pillow unterstützt das gemeinsame Layout für macOS, Windows und Linux.
- Linux erfordert die Installation der chinesischen Schriftart Noto Sans CJK;
- Die Betriebsumgebung muss die Bildererstellung unterstützen;
- Cover Illustrationen von Punk IP Article Illustrations
- Derzeit wird hauptsächlich für chinesische Tutorials und wissensbasierte lange Texte optimiert;
- Der endgültige Effekt wird immer noch von den Fotos, der Markdown-Struktur und der Qualität des ursprünglichen Screenshots beeinflusst.
Benutzerfotos, Personprofile, Artikel und erzeugte Ergebnisse werden im Laufverzeichnis gespeichert und werden nicht in das Installationsverzeichnis von Skill geschrieben oder in ein öffentliches GitHub-Repository hochgeladen.
Schließlich
Zuerst wollte ich nur eine sehr einfache Frage lösen: Wie man mehr und mehr Tutorials und lange Artikel, die leichter in ein kleines rotes Buch zu veröffentlichen.
Später begann ich mit dem vertikalen HTML und ergänzte Schritt für Schritt den Titel, das Cover, den Text, die Tags, die Screenshots des Tutorials, die IP-Personelle und das visuelle System und bildete schließlich das heutige Set. Punk XHS-Karten。
Für Multi-Plattform - Schöpfer ist das Schlimmste, dass ein Inhalt, der viel Zeit für das Schreiben investiert hat, nur einmal auf einer Plattform erscheint und dann langsam sinkt.
Was Punk XHS Cards tun will, ist einfach: Sie organisieren Ihre langen, fertiggestellten Artikel auf eine Art und Weise, die besser für das Lesen von kleinen Red Books geeignet ist, während Sie Ihre Inhalte, Ihre persönliche IP und eine konsistente Markenidentität über die Plattformen hinweg erhalten.
Wenn Sie auch oft𝕏 Synchronisieren Sie Inhalte zwischen der Öffentlichkeit und dem kleinen roten Buch, finden Sie ein Tutorial, das in der Vergangenheit geschrieben wurde, laufen Sie es vollständig durch und sehen Sie, wie viel Duplicate-Aufwand es Ihnen sparen kann.
Projektadresse: