Convertir Markdown a HTML

Convierte un archivo .md en HTML de dos formas: copia el marcado renderizado limpio para pegarlo en un CMS o correo, o descarga una página HTML completa y autónoma con el tema, el resaltado de sintaxis, los diagramas y las fórmulas incorporados.

Gratis · sin registro · funciona en tu navegador, no se sube nada

El menú Exportar: descargar .md, descargar .html, imprimir a PDF, copiar como HTML, copiar Markdown
Exporta como Markdown, como página HTML independiente o PDF, o copia el HTML renderizado; se muestra en el tema Paper.

Dos tipos de salida HTML

Copiar como HTML pone el fragmento renderizado en tu portapapeles: marcado semántico <h2>, <p>, <table>, <pre><code> sin estilos envolventes, listo para un editor de blog, un sistema de documentación o un correo que acepte texto enriquecido. Descargar .html produce una página independiente: el documento renderizado más el CSS del tema que estás viendo, el código resaltado, los SVG de Mermaid renderizados y las fórmulas KaTeX, en un solo archivo que puedes abrir en cualquier lugar o alojar tal cual.

Qué maneja el conversor

La conversión usa el mismo renderizador GitHub-Flavored Markdown que la vista previa: encabezados con id de ancla, énfasis, enlaces, imágenes, listas ordenadas y no ordenadas, listas de tareas, tablas con alineación, citas y alertas de GitHub, código delimitado con clases de lenguaje, notas al pie, secciones <details>, front matter, códigos emoji, diagramas Mermaid y fórmulas. El HTML en línea del origen pasa tras sanearse, así que los scripts y manejadores de eventos nunca acaban en la salida.

Elige primero cómo se ve la página

Como la exportación lleva el tema activo, configúralo antes de descargar: elige uno de los 16 temas claros u oscuros, texto sans, con serifas o monoespaciado, y ajusta el tamaño del texto y el ancho de página desde el menú de ajustes. La página exportada usa esas elecciones e incluye una hoja de estilos de impresión, así que también sirve como origen para PDF.

Míralo en acción

Bloques de código TypeScript, Python, Bash y diff con resaltado de sintaxis, etiquetas de lenguaje y botones de copiar
Los bloques de código tienen etiqueta de lenguaje, resaltado de sintaxis para más de 50 lenguajes y botón de copiar; este es el tema One Dark.
El selector de temas mostrando 16 temas claros y oscuros con muestras de color
Dieciséis temas, cada uno con su propia paleta de sintaxis, o sigue el ajuste claro/oscuro del sistema.
Fórmula KaTeX en modo bloque y diagrama de flujo Mermaid renderizados dentro de la vista previa
Las fórmulas KaTeX y los diagramas de flujo Mermaid se renderizan directamente en el documento.

Cómo funciona

  1. 1
    Pega tu Markdown o abre el archivo .md; revisa la vista previa.
  2. 2
    Elige un tema y tipografía: la exportación usa lo que muestra la vista previa.
  3. 3
    Exportar → Copiar como HTML para un fragmento, o Descargar .html para una página completa.

Qué obtienes

Marcado semántico limpio

Sin estilos en línea en el fragmento copiado; id en los encabezados; clases de lenguaje en el código.

Exportación de página independiente

Un solo archivo HTML con el CSS del tema, código resaltado, diagramas y fórmulas incluidos.

GFM + extensiones

Tablas, listas de tareas, alertas, notas al pie, details, front matter, Mermaid, KaTeX.

Saneado

El HTML en línea se limpia con DOMPurify antes de renderizarse o exportarse.

En el navegador

La conversión se ejecuta localmente; tu documento nunca se sube.

Cómodo para varios archivos

Abre el siguiente archivo arrastrándolo y vuelve a exportar, sin recargar la página.

Preguntas frecuentes

¿El HTML incluye CSS?
Copiar como HTML te da marcado semántico sin estilos. Descargar .html incorpora el CSS del tema actual para que el archivo se vea igual en cualquier sitio.
¿Puedo convertir varios archivos Markdown?
Un documento a la vez: abre un archivo, exporta, abre el siguiente. No hay límite de tamaño más allá de la memoria de tu navegador; los archivos de hasta 5 MB se abren directamente.
¿Los bloques de código se resaltan en la salida?
Sí. El código se resalta con highlight.js y la página independiente lleva las reglas de color del tema elegido.
¿Qué pasa con los diagramas Mermaid y las fórmulas?
Se exportan como SVG renderizado (Mermaid) y HTML de KaTeX, así que la página los muestra sin cargar ningún script.
¿La salida es HTML5 válido?
Sí: un documento HTML5 UTF-8 con una etiqueta meta viewport, un título tomado del nombre de tu archivo y un <article class="markdown-body"> con el contenido.

Herramientas relacionadas

Listo cuando tú lo estés

Pega Markdown, suelta un archivo o abre una URL: la vista previa aparece al instante y todo se queda en tu dispositivo.

Abrir Markdown Viewer