Si actualiza el contenido en X, la cuenta pública y el pequeño libro rojo al mismo tiempo, debe encontrarse con el mismo problema: un artículo largo ya ha sido escrito, quiere enviar el pequeño libro rojo, pero casi tiene que hacerlo de nuevo.𝕏
Captura de pantalla directa, el tamaño de la fuente es demasiado pequeño; copiar el texto, el contenido no se puede colocar; establecer plantillas hechas, y no coincide con su propio estilo de cuenta. Los artículos de tutoriales son más molestos, con una captura de pantalla clave menos, y los lectores pueden estar atascados en un determinado paso.
Recientemente, he convertido mi proceso de composición de libros rojos repetidamente pulido en una habilidad de Codex -Tarjetas de Punk XHS。
Puede generar automáticamente un conjunto de tarjetas de conocimiento verticales con IP personal de acuerdo con las fotos de personajes (o IP ya existentes) que proporcione, las acciones de personajes especificadas y un artículo largo de Markdown, mientras que produce el título del pequeño libro rojo, el cuerpo, las etiquetas de tema y el paquete ZIP final, para que un artículo ya escrito se reutilice entre plataformas a un costo menor.
¿Por qué esta habilidad?
En el pasado, mi pequeño libro rojo envió principalmente imágenes y palabras de sugerencia, el contenido no es largo, puede ser publicado después de organizar.
Más tarde, los tutoriales y los artículos largos fueron cada vez más, aunque enviados a X y las cuentas públicas casi no necesitaban ser modificados, pero cuando llegó al pequeño libro rojo, siempre no pude encontrar una manera satisfactoria: la captura de pantalla del texto completo no se puede ver claramente, el texto de copia no se puede colocar, y la reformulación es demasiado tiempo.𝕏
Así que comencé a pedirle a Codex que me ayudara a desmontar Markdown automáticamente en HTML vertical. Inicialmente, solo resuelve el problema de "cómo alinear un texto largo en la pantalla del teléfono", permitiendo que el artículo se divida automáticamente en varias imágenes y mantenga un tamaño de fuente, espaciado y diseño uniformes.
Después de hacer más y más, descubrí que lo que realmente se repite es mucho más que la tipografía.
Casi todo artículo requiere:
- Reformulación de un título adecuado para el pequeño libro rojo;
- Desmontar automáticamente Markdown en múltiples tarjetas de conocimiento;
- Confirmar la IP de la persona y actuar como autor de portada;
- Mantener las capturas de pantalla clave en el tutorial;
- generar portada, texto de acompañamiento y etiqueta de tema;
- Compruebe el truncamiento de texto, la omisión de imágenes y la escala de personajes.
Dado que el proceso es casi el mismo cada vez, se puede solidificar en un conjunto de flujos de trabajo.
También estaba construyendo mi propia IP personal, así que diseñó la imagen de Punk en una camiseta roja con capuzas, y conectó a los personajes, los colores del tema y las reglas de composición a todo el proceso, finalmente organizó en Tarjetas de Punk XHS。
Para los creadores que operan en varias plataformas al mismo tiempo, es difícil establecer el reconocimiento de marca si el mismo contenido simplemente cambia de tamaño y cambia de plantilla; y con un sistema de IP y visión unificado, los lectores pueden reconocer su contenido a primera vista, incluso en diferentes plataformas.
En última instancia, la entrada para esta habilidad es un Markdown, y la salida es un conjunto completo de tarjetas de conocimiento, copias que se pueden publicar directamente y, finalmente, el paquete ZIP.
¿Cómo funciona esto?
Las tarjetas Punk XHS no dibujan por lotes inmediatamente después de recibir un artículo, sino que establecen tres nodos de confirmación:
- Confirmación de personajes
- Confirmación de estilo de tarjeta
- Confirmación de cubierta
El proceso completo es el siguiente:
上传人物照片或已有 IP 图
↓
确认人物名称、主题色、人物设定与卡片动作
↓
确认动作图、专属主色和正文样稿
↓
上传 Markdown 长文
↓
解析标题、正文结构和关键图片
↓
确认 IP 主题插图与 16:9 macOS 窗口封面
↓
生成从 01 开始编号的正文卡片、发布文案和 ZIP
La mayor ventaja de esto es que los costos de modificación se mantienen al mínimo.
Hay un problema con la proporción de los personajes, solo cambia el personaje; el color del tema no está satisfecho, solo ajusta el perfil; la tipografía de la portada necesita ser modificada, y no necesita regenerar más de una docena de tarjetas de texto.
Después de que se confirme la portada, todas las páginas internas comenzarán a renderizarse oficialmente. La portada es responsable de mostrar el tema, el título del libro, el autor y la IP personal, no participa en la numeración del cuerpo; el cuerpo es unificado de 01 Vamos a empezar.
Cada uno puede tener su propia versión.
Muchas personas vieron mi presentación y notaron el tema rojo.
En realidad, el rojo es solo mi perfil punk.
La primera vez que cada usuario utilice Skill, puede subir su foto o su IP existente y especificar:
- Nombre del personaje
- Acción de personajes
- Marca Temático Color
Si no se especifica un color, Skill extrae automáticamente un color candidato de la ropa o accesorio del personaje y lo confirma el usuario.
Por ejemplo:
- La chaqueta azul → Sistema de visión azul
- Bufandas naranjas → cubierta naranja con caja de énfasis
- Marca verde → Todas las tarjetas unificadas verde
Los personajes determinan el sistema visual, y las plantillas son responsables de ser consistentes.
Las acciones de los personajes también se pueden especificar libremente, por ejemplo:
- Explicación de pie
- Punto a contenido
- Toma la placa
- Presentación Whiteboard
- Sentarse y usar la computadora
Después de la confirmación de la acción, se escribe en el perfil de la persona, y todas las portadas y el cuerpo posteriores se mantendrán consistentes. Las figuras siempre se renderizan a escala y no se estiran ni se comprimen para llenar el diseño.
Las capturas de pantalla del tutorial también forman parte del cuerpo.
Ese es el punto que más me preocupaba cuando estaba haciendo Skill.
Muchas herramientas tipográficas solo manejan el texto Markdown, ya sea descartando las imágenes por completo o distribuyéndolos mecánicamente por igual.
El artículo de opinión tiene poco impacto, pero el tutorial es completamente diferente.
La falta de una captura de pantalla clave puede hacer que el lector no complete todo el proceso.
Por lo tanto, las tarjetas Punk XHS leen las imágenes en Markdown, luego juzgan su papel en el contexto y crean un mapa de "paso-captura de pantalla-estado completo".
Las reservas preferenciales incluyen:
- Captura de pantalla de la interfaz de operación
- Diagrama de contenido de entrada
- Gráfico de resultados después de la configuración
- Diagrama de flujo, diagrama de estructura
- Imágenes importantes que afectan la comprensión después de la ausencia
Los dibujos decorativos, las portadas duplicadas, los avatares y los logotipos no relevantes no ocupan espacio de texto.
Si el tutorial requiere 12 o incluso 20 tarjetas, Skill aumentará automáticamente el número de páginas sin comprimir capturas de pantalla o eliminar pasos para hacer un número fijo.
La primera prioridad de los tutoriales, siempre esPermite que los lectores sigan todo el proceso de operación.。
Diseño de cubierta
La nueva cubierta se genera con dos capas.
La primera capa consiste en Punk IP Artículo Ilustración De acuerdo con el contenido de Markdown, se generan ilustraciones que realmente corresponden al tema del artículo, y los personajes participan en la expresión del contenido en lugar de pararse al lado para decorar.
La segunda capa es responsable del diseño del renderizador:
- Usar el color del tema del perfil de la persona
- Título conciso centrado en la parte superior
- Una ventana de macOS fina en el medio
- Mantener la ilustración completa 16: 9
- Nombre del autor en la parte inferior.
El nombre del autor proviene del nombre del personaje que se confirma cuando se crea el personaje, no cada vez que se vuelve a introducir.
Tanto el título como el texto del autor son dibujados por el renderizador y no dependen del modelo de imagen en bruto, por lo que no hay errores tipográficos; las fuentes también seleccionan automáticamente un esquema compatible según macOS, Windows, Linux.
¿Qué entregará al final?
De forma predeterminada, un artículo genera:
- Una cubierta
- 9 tarjetas de texto
Si el artículo es más largo o el tutorial tiene más capturas de pantalla, el número de páginas de texto aumenta automáticamente.
El catálogo final es el siguiente:
<article-slug>-小红书/
├── source.md
├── cover-illustration.png
├── assets/article-images/
├── cards.json
├── publish-copy.md
├── output/
│ ├── cover.png
│ ├── card-01.png
│ └── ...
└── <article-slug>-小红书.zip
Entre ellos publish-copy.md Contiene:
- 1 Título recomendado
- 3 Títulos alternativos
- Corpus del pequeño libro rojo que se puede publicar directamente
- 6 - 10 etiquetas de temas recomendados
Después de que se hayan completado todas las imágenes, también se comprobará automáticamente:
- El texto es truncado
- Los elementos se superponen
- Si la proporción de personajes es correcta
- Los pasos del tutorial son completos
- Faltan capturas de pantalla clave
Después de que se confirme correctamente, luego empaque para generar el ZIP final.
Un tutorial de Obsidian que probé recientemente terminó generando 1 portada, 17 tarjetas de texto y 16 capturas de pantalla clave intactas。
Método de instalación
El proyecto ya está abierto en GitHub.
Puede instalarse directamente con Codex:
git clone https://github.com/adrianpunk/punk-xhs-cards.git
cp -R punk-xhs-cards/punk-xhs-cards ~/.codex/skills/
Windows en:
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"
Ahora ya no depende de Swift y AppKit para macOS, pero utiliza el renderizador Python + Pillow. Windows, Linux y macOS comparten el mismo conjunto de datos de tarjetas y diseño, solo Linux requiere una instalación adicional de fuente china (Noto Sans CJK).
Dependencia de la etapa de cubierta Punk IP Artículo IlustraciónPor lo tanto, primero asegúrese de que esta habilidad esté instalada.
Después de eso, simplemente envíe en una nueva tarea de Codex:
请使用 $punk-xhs-cards。
先根据我上传的照片建立个人 IP，
确认人物、卡片动作和视觉风格后，
再把我提供的 Markdown 做成小红书知识卡片。
La primera vez que se usa, Skill confirma:
- Fotos de personas (o IP existente)
- Nombre del personaje (como autor de portada)
- Temas de color (recomendado Hex)
- Acción de personajes
Después de que se haya completado la confirmación de los personajes y el sistema visual, comience a procesar el texto largo, y todo el proceso será más suave.
Fronteras actuales
La versión actual también tiene algunas limitaciones conocidas:
- Python + Pillow ha admitido el diseño compartido de macOS, Windows y Linux;
- Linux requiere la instalación del tipo de letra chino Noto Sans CJK;
- El entorno de ejecución debe soportar la generación de imágenes;
- Ilustración de portada basada en Punk IP Artículo Ilustraciones;
- En la actualidad, se optimiza principalmente para el curso chino y el artículo largo basado en el conocimiento.
- El efecto final todavía se ve afectado por la foto de la persona, la estructura de Markdown y la calidad de la captura de pantalla original.
Las fotos de los usuarios, los perfiles de personas, los artículos y los resultados generados se guardan en el directorio de ejecución y no se escriben en el directorio de instalación de Skill ni se suben a un repositorio público de GitHub.
Por último
Al principio, solo quería resolver un problema muy simple: cómo poner más y más tutoriales y artículos largos y publicarlos más fácilmente en el Little Red Book.
Más tarde, comenzando con HTML vertical, paso a paso se completó el título, la portada, el cuerpo, las etiquetas, las capturas de pantalla del tutorial, la IP de la persona y el sistema visual, finalmente formó el conjunto de hoy. Tarjetas de Punk XHS。
Para los creadores multiplataforma, lo más lamentable es que un contenido que se ha invertido mucho tiempo en escribir solo aparece una vez en una plataforma y luego se hundirá lentamente.
Lo que Punk XHS Cards quiere hacer es simple: reorganizar los artículos largos que ya han terminado de una manera que sea más adecuada para la lectura de un pequeño libro rojo, manteniendo su contenido, su IP personal y un reconocimiento de marca consistente en todas las plataformas.
Si también sincroniza contenido regularmente entre X, Public y Little Red Book, es mejor buscar un tutorial escrito en el pasado, ejecutarlo por completo y ver cuánto trabajo duplicado puede ahorrarte.𝕏
Dirección del proyecto: