Ir a la guía de uso
Baoyu Markdown to HTMLpor jimliu

Baoyu Markdown to HTML Skill.

Convierte Markdown en HTML con formato para publicar artículos.

  • Markdown
  • Formato de artículos
Revisión de la fuente · baoyu-markdown-to-htmlSKILL.md
Tarea Convierte Markdown en HTML con formato para publicar artículos. Resultados Un archivo HTML con el tema elegido y CSS en línea. Antes de empezar El Skill crea HTML; publicar el artículo es una acción independiente.
Resumen editorial · fuente revisada el 2026-11-02 · no es un ejemplo generado

01 Qué hace

Convierte Markdown en HTML con formato para publicar artículos

Convierte Markdown a HTML con temas y CSS en línea, código, diagramas y citas opcionales de enlaces externos para artículos de WeChat.

Flujo de trabajo basado en la fuenteNo es un benchmark de ejecución

El enfoque de trabajo

Baoyu Markdown to HTML convierte un artículo en HTML con CSS en línea, optimizado para flujos de trabajo de WeChat Official Account. Admite opciones de tema y tipografía, resaltado de código, notas al pie, avisos y diagramas. El HTML convertido se guarda junto al archivo Markdown; si ya existe una salida HTML, se crea una copia de seguridad con marca temporal.

El Skill también gestiona detalles de publicación que afectan al artículo final. El primer encabezado se elimina por defecto, salvo que se active keep-title, y los enlaces externos solo se convierten en citas al final cuando se solicita explícitamente. Los diagramas Mermaid se renderizan mediante un navegador como imágenes PNG en caché, con una alternativa textual si el renderizado no está disponible.

Entregables esperados

  • Un archivo HTML con el tema elegido y CSS en línea.
  • Información de imágenes generadas o referenciadas, incluidos los PNG de Mermaid cuando el renderizado funciona.
  • Un resultado estructurado con la ruta HTML y la ruta de copia de seguridad, si existe.
Ver el brief de ejemplo

Del brief a la revisión

  1. 01
    Definir la presentación del artículo

    Lee las opciones explícitas de tema y las preferencias de EXTEND.md. Si la entrada contiene texto CJK y baoyu-format-markdown está disponible, ofrece ese paso independiente de formato antes de convertir.

  2. 02
    Elegir el tratamiento de citas y título

    Mantén desactivadas las citas de enlaces externos salvo que se soliciten. Decide si el encabezado inicial debe permanecer en el cuerpo del artículo.

  3. 03
    Convertir contenido y diagramas

    Ejecuta el convertidor main.ts incluido mediante Bun o su alternativa npx documentada, con las opciones de presentación elegidas. Mermaid utiliza renderizado PNG basado en navegador y caché cuando están disponibles.

  4. 04
    Inspeccionar la salida para publicación

    Abre el HTML, comprueba los diagramas e informa de las rutas de los resultados. Distingue las imágenes generadas correctamente del marcado Mermaid usado como alternativa.

02 Cuándo usarlo

Cuándo usarlo

El Skill crea HTML; publicar el artículo es una acción independiente.

Buen encaje

  • Exportar artículos con formatoUn artículo Markdown necesita HTML con CSS en línea para un flujo de publicación.
  • Formato para WeChatEl contenido necesita temas compatibles y, opcionalmente, referencias externas recopiladas.

Límites que conviene comprobar

  • Alcance de la conversiónEl Skill crea HTML; publicar el artículo es una acción independiente.
  • Diagramas dependientes del navegadorEl renderizado PNG de Mermaid requiere Chrome, Chromium o Edge.
  • Conversión correcta con contenido alternativoLa conversión puede completarse aunque un diagrama siga siendo marcado alternativo, así que inspecciona el resultado.

Aporta estos datos

  • Fuente MarkdownProporciona el artículo y las imágenes locales que referencia.
  • Opciones de presentaciónSelecciona un tema y, si lo necesitas, personaliza color, fuente o título.
  • Comportamiento de publicaciónEspecifica el modo de citas, la conservación del título y los requisitos de diagramas.

03 Decisiones importantes

Decisiones importantes

  1. Estilos listos para artículos

    El CSS en línea lleva el tema elegido al documento exportado.

  2. Tratamiento explícito de enlaces

    Las citas al final se activan de forma voluntaria, con excepciones documentadas para WeChat y URL sin texto descriptivo.

  3. Salida recuperable

    El HTML existente recibe una copia de seguridad con marca temporal antes de reemplazarse.

04 Ejemplo de brief

Prueba con un encargo concreto

El brief de ejemplo siguiente no se ha probado. Revisa la configuración del skill antes de usarlo.

Revisa la fuente y la configuración

Proporciona el artículo y las imágenes locales que referencia.

Archivo fuente original
https://github.com/jimliu/baoyu-skills/blob/0a27d7d40e79cfe42334e2e9130a1e41a499ca54/skills/baoyu-markdown-to-html/SKILL.md

La referencia siguiente abre las instrucciones originales. Revisa la configuración del repositorio antes de utilizarlas; no es un comando de instalación.

Empieza con un solo entregable

Adapta el alcance, el material de origen y las restricciones de este brief antes de ejecutar el skill.

Brief de ejemplo
Usa baoyu-markdown-to-html para convertir el artículo proporcionado con el tema simple y nuestro color de acento elegido. Conserva el primer encabezado y activa las citas al final para los enlaces externos ordinarios. No cambies la fuente Markdown. El artículo incluye dos diagramas Mermaid: intenta renderizarlos como PNG y comprueba si la salida contiene imágenes utilizables o marcado alternativo. Informa de la ruta HTML, cualquier ruta de copia de seguridad y los archivos de diagramas generados. No publiques el artículo. Señala formatos no compatibles o imágenes locales faltantes que requieran atención antes de entrar en el flujo de publicación.

Inspecciona el resultado

Comprueba el resultado real con estos criterios observables.

  • El HTML refleja el tema solicitado y el tratamiento del título.
  • Los diagramas se inspeccionan, sin asumir que funcionan solo porque la conversión termina correctamente.
  • Las rutas de salida y de copia de seguridad se indican con precisión.

OpenDesign ofrece un espacio de trabajo de diseño local para agentes de programación. Este listado no significa que el skill esté incluido ni que se incluyan sus herramientas externas, credenciales y dependencias de software.

05 Fuente y licencia

Fuente y licencia

Esta página describe la revisión fijada de la fuente enlazada abajo. El comportamiento y los requisitos originales pueden cambiar.

Propietario de la fuente
jimliu
Archivo del skill
SKILL.md
Licencia
MIT
Versión revisada
2026-11-02 · 0a27d7d40e79

Notas de lectura

  1. Alcance de la licenciaSe verificó el texto LICENSE del repositorio en la revisión fijada; el inventario completo de nombres de archivo no encontró ningún LICENSE/COPYING/NOTICE más específico dentro de la ruta de este Skill. La clasificación corresponde al código fuente original revisado, no a los resultados generados ni a las dependencias de terceros. El README indica que el repositorio GitHub usa MIT salvo indicación contraria, mientras que las distribuciones publicadas en ClawHub usan MIT-0; esta entrada clasifica el código GitHub de la revisión fijada. El código relacionado del convertidor incluye en packages/baoyu-md/src/LICENSE un aviso WTFPL Version 2 para código adaptado de doocs/md. No etiquetes todo el conjunto de dependencias como uniformemente MIT.
Resumen editorial de la fuente
Convierte Markdown en HTML con formato para publicar artículos.

Resumen original de OpenDesign, basado en la fuente enlazada. Las estrellas del repositorio son una señal de popularidad con fecha, no el uso del skill ni una puntuación de calidad.

06 Preguntas antes de empezar

Preguntas antes de empezar

¿Los enlaces externos siempre se trasladan al final?

No. El modo de citas está desactivado por defecto y solo se activa bajo petición explícita.

¿Qué ocurre si falla el renderizado de Mermaid?

El convertidor puede recurrir a marcado Mermaid preformateado mientras la conversión general termina correctamente.

¿Reemplaza un archivo HTML existente?

La fuente indica que primero crea una copia de seguridad con marca temporal e informa de su ruta.

OpenDesign

Mantén juntos tu encargo y tu trabajo de diseño.

Mantén juntos tu brief, el material de origen y el trabajo de diseño en un espacio de trabajo local. Revisa la configuración propia del skill antes de añadirlo a tu flujo de trabajo.

Archivo fuente original
https://github.com/jimliu/baoyu-skills/blob/0a27d7d40e79cfe42334e2e9130a1e41a499ca54/skills/baoyu-markdown-to-html/SKILL.md