Separa las diapositivas
Usa los separadores admitidos y coloca un título claro al comienzo de cada sección.
Convertir Markdown en diapositivas web
Crea una presentación que se reproduce en el navegador con Reveal.js. Esta salida está pensada para una presentación web; si necesitas un archivo editable en PowerPoint, utiliza Markdown a PPTX.
Entrada Markdown
247 caracteres
Vista previa de Diapositivas
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Diapositivas de ilovemd</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/reveal.js@5/dist/reveal.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/reveal.js@5/dist/theme/white.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/reveal.js@5/plugin/highlight/monokai.css">
<style>
.reveal h1, .reveal h2, .reveal h3 { text-transform: none; }
.reveal section img { border: none; box-shadow: none; }
.reveal pre { font-size: 0.55em; }
.reveal blockquote {
border-left: 4px solid #e85d3c;
background: #fde8e2;
padding: 0.5em 1em;
font-style: normal;
}
.reveal table { font-size: 0.6em; }
.reveal code { color: #e85d3c; }
</style>
</head>
<body>
<div class="reveal">
<div class="slides">
<section><h1>Notas del proyecto</h1>
<p>Un documento claro empieza con una <strong>buena estructura</strong>.</p>
<h2>Puntos importantes</h2>
<ul>
<li>Encabezados fáciles de leer</li>
<li>Enlaces que siguen funcionando</li>
<li>Archivos sencillos de reutilizar</li>
</ul>
<blockquote>
<p>Revisa la vista previa antes de descargar.</p>
</blockquote>
</section>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/reveal.js@5/dist/reveal.js"></script>
<script src="https://cdn.jsdelivr.net/npm/reveal.js@5/plugin/highlight/highlight.js"></script>
<script src="https://cdn.jsdelivr.net/npm/reveal.js@5/plugin/markdown/markdown.js"></script>
<script>
Reveal.initialize({
hash: true,
slideNumber: 'c/t',
transition: 'slide',
plugins: [RevealHighlight, RevealMarkdown]
});
</script>
</body>
</html>Los archivos se procesan en esta pestaña del navegador.
Cómo convertir Markdown en diapositivas
Una diapositiva funciona mejor con una idea principal y poco texto; divide el documento antes de exportarlo.
Revisa en modo presentación
Comprueba tamaño, desbordamiento, tablas, imágenes y líneas de código.
Exporta la presentación
Descarga o utiliza la presentación web y pruébala en el navegador donde vas a mostrarla.
Presentación en el navegador
Presenta Markdown como páginas web navegables
Reveal.js convierte cada sección en una diapositiva con soporte para contenido web.
Separación explícitaControla dónde termina una diapositiva y empieza la siguiente desde la fuente.
Código y enlacesIncluye contenido técnico que se beneficia del renderizado HTML.
Reproducción webAbre el resultado en un navegador sin depender del formato PPTX.
Presentación web
Explica una idea desde una fuente versionable
Charlas técnicas
Mantén código, enlaces y estructura junto al repositorio del proyecto.
Clases
Prepara una secuencia de conceptos y publícala como recurso web.
Demostraciones internas
Comparte una presentación que se abre directamente en el navegador.
Preguntas frecuentes
Preguntas frecuentes
¿Qué diferencia hay con Markdown a PowerPoint?
La salida web genera una presentación para el navegador; PowerPoint genera un archivo .pptx para editarlo en una aplicación de presentaciones.
¿Necesito instalar Reveal.js?
La exportación puede incluir los recursos necesarios o enlazarlos según la implementación. Prueba siempre el archivo sin conexión si ese será tu contexto.
¿Puedo incluir código?
Sí, los bloques de código son apropiados para presentaciones web, pero limita la longitud de las líneas.