ressources

Punk XHS Cards : Transforme Markdown en carte de connaissances du petit livre rouge avec IP personnelle en un clic

Si vous mettez à jour le contenu sur X, le compte public et le petit livre rouge en même temps, vous devriez tous rencontrer le même problème : un long essai déjà écrit, vouloir envoyer le petit livre rouge, mais il faut presque lourd [...]𝕏

Catalogue des articles

Si vous mettez à jour le contenu dans X, le compte public et le petit livre rouge en même temps, vous devriez avoir rencontré le même problème : un long article a été écrit et vous voulez envoyer le petit livre rouge, mais vous devez presque le faire à nouveau.𝕏

Capture d'écran directe, la taille de la marque est trop petite ; copie du texte, le contenu ne peut pas être mis ; modèles prêts à l'emploi, et ne correspond pas à leur propre style de compte. Les articles de tutoriels sont plus gênants, avec moins de capture d'écran clé, les lecteurs peuvent être coincés à une certaine étape.

Récemment, j'ai mis mon processus de typographie du petit livre rouge à plusieurs reprises en une compétence de codex -Cartes punk xhs。

Il peut générer automatiquement un ensemble de cartes de connaissances verticales avec IP personnelle en fonction de la photo de personnage (ou IP existante) que vous fournissez, de l'action de personnage spécifiée et d'un long article Markdown. En même temps, il produit le titre du petit livre rouge, le texte, les balises de sujet et le paquet ZIP final, de sorte qu 'un contenu déjà écrit puisse être réutilisé sur plusieurs plateformes à moindre coût.

Pourquoi faire cette compétence ?

Dans le passé, mon petit livre rouge envoyait principalement des images et des mots d'invite, le contenu n'était pas long, il pouvait être publié après avoir trié.

Plus tard, il y a eu de plus en plus de tutoriels et de longs articles, bien que les comptes X et publics n'aient presque pas besoin de les modifier, mais quand ils sont arrivés au petit livre rouge, ils ne peuvent toujours pas trouver un moyen satisfaisant : la capture d'écran du texte intégral n'est pas claire, le texte copié ne peut pas être placé, et la réédition prend trop de temps.𝕏

J'ai donc commencé à demander à Codex de m'aider à décomposer Markdown automatiquement en HTML vertical. Au début, il a simplement résolu le problème de « comment aligner un long texte sur l'écran du téléphone », permettant à l'article de se diviser automatiquement en plusieurs images et de maintenir une taille de police, un espacement et une mise en page uniformes.

Après avoir fait de plus en plus, j'ai découvert que la vraie répétition, en fait, est bien plus que la typographie.

Presque chaque article nécessite :

  • Réélaborer un titre approprié pour le petit livre rouge ;
  • Décomposez automatiquement Markdown en plusieurs cartes de connaissances ;
  • Confirmer l'IP du personnage et agir comme auteur de couverture ;
  • Conserver les captures d'écran clés du tutoriel ;
  • générer une couverture, un texte d'accompagnement et une étiquette de sujet ;
  • Vérifiez les tronçons de texte, les omissions d'images et l'échelle des personnes.

Puisque le processus est à peu près le même à chaque fois, il peut être complètement solidifié dans un ensemble de flux de travail.

J'ai également construit mon propre IP personnel, donc j'ai conçu l'image de Punk portant un sweater à capuchon rouge, et j'ai connecté les personnages, les couleurs thématiques et les règles de typographie à l'ensemble du processus, et finalement organisé dans Cartes punk xhs。

Pour les créateurs qui exploitent plusieurs plateformes en même temps, il est difficile d'établir l'identification de la marque si le même contenu est simplement redimensionné et modifié de modèle ; et avec un système IP et visuel unifié, les lecteurs peuvent reconnaître votre contenu au premier coup d'œil, même sur différentes plateformes.

En fin de compte, l'entrée de cette compétence est un Markdown, et la sortie est un ensemble de cartes de connaissances, de copypossible directement et, finalement, le paquet ZIP.

Comment cela fonctionne-t - il

Les cartes Punk XHS ne dessinent pas immédiatement les articles en lot, mais définissent trois nœuds de confirmation :

  • Personnage confirmé
  • Confirmation du style de carte
  • Couverture de confirmation

Le processus complet est le suivant :

上传人物照片或已有 IP 图
        ↓
确认人物名称、主题色、人物设定与卡片动作
        ↓
确认动作图、专属主色和正文样稿
        ↓
上传 Markdown 长文
        ↓
解析标题、正文结构和关键图片
        ↓
确认 IP 主题插图与 16:9 macOS 窗口封面
        ↓
生成从 01 开始编号的正文卡片、发布文案和 ZIP

Le plus grand avantage de cela est de minimiser les coûts de modification.

Il y a un problème avec la proportion des personnages, changez seulement les personnages ; la couleur du thème n'est pas satisfaite, ajustez seulement le profil ; la typographie de la couverture doit être modifiée, et vous n'avez pas besoin de générer plus d'une douzaine de cartes de texte.

Une fois que la couverture est confirmée, toutes les pages intérieures ne commenceront pas à être officiellement rendues. La couverture est responsable de l'affichage du sujet, du titre, de l'auteur et de la propriété intellectuelle personnelle, et ne participe pas au numéro de texte ; le texte est unifié de 01 Début.

Chacun peut avoir sa propre version.

Beaucoup de gens ont vu ma présentation et remarqueront le thème rouge.

En fait, le rouge n'est que mon profil punk.

Chaque utilisateur peut télécharger sa propre photo ou son IP existant lors de la première utilisation de Skill et spécifier :

  • Nom du personnage
  • Action personnage
  • Couleur thème de marque

Si aucune couleur n'est spécifiée, Skill extrait automatiquement les couleurs candidates du costume ou des accessoires du personnage et les confirme l'utilisateur.

Par exemple :

  • Le manteau bleu → le système de vision bleue
  • Écharpe orange → couverture orange avec boîte de mise en évidence
  • Marque verte → Toutes les cartes verte unifiée

Les personnages déterminent le système visuel et le modèle est responsable de la cohérence.

Les actions du personnage peuvent également être spécifiées librement, telles que :

  • Expliquer debout
  • Pointer au contenu
  • Prenez le plat.
  • Présentation Whiteboard
  • S'asseoir et utiliser l'ordinateur

Après confirmation de l'action, le profil de personnage sera écrit, et toutes les couvertures et le corps suivants resteront cohérents. Les personnages sont toujours rendus à l'échelle et ne sont pas étirés ou comprimés pour remplir la mise en page.

Les captures d'écran du tutoriel font également partie du corps

C'est ce qui m'a le plus pris en compte lors de la création de Skill.

Beaucoup d'outils de typographie ne traitent que le texte Markdown et éliminent complètement les images ou les répartissent mécaniquement à égalité.

Il n'y a pas beaucoup d'influence sur les articles d'opinion, mais le tutoriel est complètement différent.

L'absence d'une capture d'écran clé peut empêcher le lecteur de terminer l'ensemble du processus opérationnel.

Par conséquent, les cartes Punk XHS lisent d'abord les images de Markdown, puis jugent de leur rôle en fonction du contexte et établissent une carte « étape-capture d'écran-état terminé ».

Les réservations prioritaires comprennent :

  • Capture d'écran de l'interface opérationnelle
  • Diagramme de contenu d'entrée
  • Graphique des résultats après la configuration
  • Diagramme de flux et diagramme de structure
  • Images importantes qui affectent la compréhension après l'absence

Les images décoratives, les couvertures répétées, les avatars et les logos non pertinents n'occupent pas l'espace du corps.

Si le tutoriel nécessite 12 ou même 20 cartes, Skill augmente automatiquement le nombre de pages sans comprimer les captures d'écran ou supprimer les étapes pour obtenir un nombre fixe.

La première priorité du tutoriel, toujoursPermet au lecteur de suivre l'ensemble du processus。

Nouveau design de cover

La nouvelle couverture est générée en deux couches.

La première couche est composée de Punk IP Article Illustrations Selon le contenu de Markdown, générer des illustrations qui correspondent vraiment au sujet de l'article, les personnages participeront à l'expression du contenu, au lieu de se tenir à côté pour décorer.

La deuxième couche est la mise en page du moteur de rendu :

  • Utiliser les couleurs thématiques du profil de personnalité
  • Titre de livre concis et centré en haut
  • Une fenêtre macOS fine au milieu
  • Préserver l'illustration complète 16 : 9
  • Le nom de l'auteur est indiqué en bas

Le nom de l'auteur provient du nom du personnage confirmé lors de la création du personnage, et non à chaque fois qu 'il est retapé.

Le titre et le texte de l'auteur sont dessinés par le moteur de rendu et ne dépendent pas du modèle original, de sorte qu 'il n'y a pas de problèmes de frappe ; la police sélectionne également automatiquement le schéma de compatibilité en fonction de macOS, Windows, Linux.

Qu ' est-ce qui finit par être livré ?

Par défaut, un article génère :

  • 1 couverture
  • 9 cartes de texte

Si l'article est plus long ou si le tutoriel contient plus de captures d'écran, le nombre de pages de corps augmente automatiquement.

Le catalogue final est le suivant :

<article-slug>-小红书/
├── source.md
├── cover-illustration.png
├── assets/article-images/
├── cards.json
├── publish-copy.md
├── output/
│   ├── cover.png
│   ├── card-01.png
│   └── ...
└── <article-slug>-小红书.zip

dans lequel publish-copy.md Contient :

  • 1 titre recommandé
  • 3 Titres alternatifs
  • Le texte du petit livre rouge peut être publié directement
  • 6 à 10 étiquettes recommandées

Une fois que toutes les images sont générées, elles vérifient également automatiquement :

  • Le texte est tronqué ou non
  • Les éléments se chevauchent
  • Les proportions de personnages sont correctes
  • Les étapes du tutoriel sont complètes
  • Les captures d'écran clés sont manquées

Après avoir confirmé la correction, emballer pour générer la ZIP finale.

Un tutoriel Obsidian que j'ai testé récemment a finalement produit 1 couverture, 17 cartes de texte et 16 captures d'écran clés intactes。

Mode d'installation

Le projet est ouvert sur GitHub.

Avec Codex, vous pouvez installer :

git clone https://github.com/adrianpunk/punk-xhs-cards.git

cp -R punk-xhs-cards/punk-xhs-cards ~/.codex/skills/

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"

Au lieu de compter sur Swift et AppKit pour macOS, il utilise le moteur de rendu Python + Pillow. Windows, Linux et macOS partagent le même ensemble de données de carte et de mise en page. Seul Linux nécessite une police chinoise supplémentaire installée (Noto Sans CJK).

Phase de couverture dépendante Punk IP Article IllustrationsVeuillez vous assurer que cette compétence est installée.

Après cela, il suffit d'envoyer dans la nouvelle tâche Codex :

请使用 $punk-xhs-cards。

先根据我上传的照片建立个人 IP,
确认人物、卡片动作和视觉风格后,
再把我提供的 Markdown 做成小红书知识卡片。

Lors de la première utilisation, Skill confirme à son tour :

  • Photo de personne (ou IP existante)
  • Nom du personnage (en tant qu 'auteur de couverture)
  • Couleur du thème (hex recommandé)
  • Action personnage

Après la confirmation des personnages et du système visuel, commencez à traiter le long texte, et l'ensemble du processus sera plus lisse.

Frontières actuelles

La version actuelle comporte également quelques limites connues :

  • Python + Pillow prend en charge la mise en page partagée de macOS, Windows et Linux ;
  • Linux nécessite l'installation de la police chinoise Noto Sans CJK ;
  • L'environnement d'exploitation doit prendre en charge la génération d'images ;
  • Illustration de couverture : Punk IP Article Illustrations
  • À l'heure actuelle, il est principalement optimisé pour le tutoriel chinois et le long texte basé sur la connaissance.
  • L'effet final est toujours affecté par la photographie de la personne, la structure Markdown et la qualité de la capture d'écran originale.

Les photos des utilisateurs, les profils de personnes, les articles et les résultats générés sont stockés dans le répertoire d'exécution et ne sont pas écrits dans le répertoire d'installation de Skill et ne sont pas téléchargés dans un dépôt GitHub public.

Enfin,

Au début, je voulais juste résoudre un problème très simple : comment mettre de plus en plus de tutoriels et de longs articles et publier plus facilement dans le petit livre rouge.

Plus tard, à partir de la version verticale HTML, étape par étape pour compléter le titre, la couverture, le corps, les étiquettes, les captures d'écran du tutoriel, l'IP des personnages et le système visuel, formant finalement ce qui est aujourd 'hui Cartes punk xhs。

Pour les créateurs multiplateformes, la chose la plus dommageable est qu ' un contenu qui a consacré beaucoup de temps à l'écriture n'apparaît qu ' une fois sur une plate-forme, puis coulera lentement.

Ce que Punk XHS Cards veut faire est simple : réorganiser les longs articles déjà terminés d'une manière plus adaptée à la lecture du petit livre rouge, tout en préservant votre contenu, votre IP personnelle et une identité de marque cohérente et cohérente sur toutes les plateformes.

Si vous synchronisez souvent le contenu entre X, Public et Little Red Book, trouvez un tutoriel écrit dans le passé et exécutez-le dans son intégralité pour voir combien il peut vous économiser du travail répétitif.𝕏

Adresse du projet :

https://github.com/adrianpunk/punk-xhs-cards