MarkSlides, un servicio que te permite crear diapositivas usando Markdown

Introducción

• Puedes crear y presentar diapositivas junto con IA usando sintaxis Markdown.
• La inserción de código fuente, el formato de texto y los diagramas, que resultan incómodos en Keynote o PPT, pueden usarse junto con herramientas orientadas al desarrollo e IA.
• Resultado de ejemplo - JavaScript Basic Syntax

Dirección del servicio

• MarkSlides.ai

Funciones principales

• Generación automática de diapositivas y generación de contenido usando GPT-3.5 y GPT-4 (Command + K)
• syntax highlighting para código fuente
• Diagramas con MermaidJS, renderizado con Typogram
• Presentación de diapositivas y modo de presentador
• Exportación a PDF
• Posibilidad de compartir notas de las diapositivas mediante un enlace público

Enlaces relacionados

• GitHub: https://github.com/markslides/
• Twitter: https://twitter.com/MarkSlides

---

El año pasado llegó hasta la final de Prompter Day Seoul 2023, organizado por OpenAI, pero lamentablemente no entró en el Top 8 y no obtuvo premio (reseña del hackatón).
Desde entonces se ha mejorado y ahora ya está público y en un estado bastante usable, así que lo comparto por primera vez en GeekNews.
Como es un servicio para desarrolladores, quería publicarlo aquí sí o sí para recibir retroalimentación; pruébenlo y agradeceré mucho sus comentarios : )!

[thxmark]

Hola. Publico esto porque tengo una consulta mientras lo uso.

Consulta 1.

<!-- _header: 'header title' _footer: '[ir a main-section](#main-section) _paginate: true -->

Lo estoy usando de esta forma. En slide settings, header y footer están vacíos, y la opción de paginate está en ON.

En el modo slide show, no se ven el header ni el footer.
Cuando en el modo slide show lo cambio a pantalla completa, sí se ven el header y el footer, pero al hacer clic en el enlace interno parece que no va a ese índice, sino que avanza a la página siguiente. (Con mode=presenter pasa lo mismo).
En el modo de edición, sí se mueve correctamente.
Quería consultar por si acaso lo estoy usando mal... ¡me gustaría saber qué opinan!

Consulta 2.
¿Será posible que, al guardar el archivo .md con save as .., también se incluyan y queden visibles la información de header, footer y paginate? Estoy usando el header y el footer como si fueran un menú de navegación.

Gracias.

[soaple]

No vi la notificación, así que lo revisé tarde y te respondo ahora.

Pregunta 1.
Parece que el header y el footer no se ven porque la pantalla se recorta,
así que lo corregiremos para que se ajuste al tamaño real de la ventana.

Y por ahora no se ofrece la función de ir a una diapositiva específica en el modo de presentación ;_;
Intentaremos subir un poco la prioridad para implementar primero la siguiente función que ofrece Marp.
https://github.com/orgs/marp-team/…

Pregunta 2.
No entendí bien a qué te refieres con que también se muestre la información de header, footer y paginate.
Actualmente, si se guarda como archivo .md, la configuración de la diapositiva en el momento de guardar sí se incluye junto con el formato compatible con Marp.
¡Creo que estaría bueno que explicaras un poco más esa parte!

[thxmark]

Hola. Estaba viendo marp y slidev, y me parecieron bastante buenos, así que quería probarlos... Pero es la primera vez que uso Markdown, así que lo estoy aprendiendo mientras lo uso... ¿No se puede usar HTML en el editor? No me refiero a bloques de código... por ejemplo,

<img src="http://image.com/image.png">;

o etiquetas como <table> ... </table>...

Cuando lo veo en el visor o al exportarlo a PDF, se muestra el texto HTML tal cual.
(De hecho... en algunos otros editores también se muestra como texto HTML, pero ahí no tenía dónde preguntar ^_^;;)

Quería consultar si tal vez lo estoy usando mal... o si el editor no hace esa conversión.

[soaple]

Hola, por el momento no estamos soportando HTML debido a temas de seguridad.

Como se muestra en el enlace de abajo, incluso en marp hay que cambiar una opción para poder usar HTML, y en el futuro planeamos habilitarlo permitiendo su uso excepto para algunas etiquetas que podrían causar problemas de seguridad.
https://github.com/marp-team/marpit/issues/162#issuecomment-490004489

Además, nuestro objetivo final es soportar por completo la especificación de GFM (GitHub Flavored Markdown).
https://github.github.com/gfm/#html-blocks

Y si mientras lo usas te surge cualquier otra duda, no dudes en contactarnos mediante Contact Us en la parte inferior del sitio web de abajo, o por Discord, Twitter, etc.
https://www.markslides.ai/intro

[thxmark]

Ah, ya veo. Entonces era un tema de seguridad... Gracias por la respuesta. ¡Lo usaré con mucho agradecimiento!

[3xplore]

Es un producto que se ve bastante cool después de mucho tiempo.

Es difícil encontrar cómo separar las páginas.
Parece que se pueden separar con ---. Si mejoran la usabilidad, creo que podría usarlo para presentaciones cortas.

[soaple]

Hola, soy el desarrollador de MarkSlides.
Mejoraremos el tutorial para que quienes lo usan por primera vez puedan aprender bien cómo usarlo~!

[darkkjm2002]

Parece un buen servicio para usar de forma ligera.

Siento que no se ve muy claramente cuál es el separador para dividir las diapositivas, ni tampoco cómo agregar fácilmente una diapositiva nueva.

[soaple]

Hola, soy el desarrollador de MarkSlides.
Por ahora, pueden agregar una nueva diapositiva con el atajo CMD + Enter (actualmente solo funciona en Mac).
Sin embargo, todavía no tenemos un tutorial aparte y solo ofrecemos la documentación de guía, así que más adelante queremos mejorar el tutorial y ponerlo a disposición.