Convertir Markdown a PDF

Conversor de Markdown a PDF

Escribe o pega tu Markdown y descárgalo como PDF con un solo clic.

La conversión de Markdown a PDF es una de las más demandadas, ya que el formato PDF es universalmente aceptado para compartir documentos con formato fijo. Si lo que necesitas es lo contrario, mostrar un PDF ya existente dentro de un documento, consulta cómo insertar un PDF en Markdown.

¿Por qué convertir Markdown a PDF?

Estas son las principales razones para convertir Markdown a PDF:

Compartir documentos: El PDF mantiene el formato en cualquier dispositivo.
Impresión: Ideal para documentos que se van a imprimir.
Documentación formal: Informes, propuestas y documentos oficiales.
Currículums: Crear CVs profesionales con Markdown.

Cómo convertir Markdown a PDF

Herramientas online

Estas son algunas herramientas online para convertir Markdown a PDF:

Dillinger: Permite exportar directamente a PDF.
StackEdit: Exportación a PDF desde el editor.
md2pdf: Convertidor online dedicado.

Aplicaciones de escritorio

Estas son algunas aplicaciones de escritorio para convertir Markdown a PDF:

Typora: Exportación directa a PDF con estilos personalizables.
VS Code: Con extensiones como "Markdown PDF".
Obsidian: Con plugins de la comunidad para exportar a PDF.
Pandoc: Herramienta de línea de comandos muy versátil.

Con Pandoc

pandoc archivo.md -o archivo.pdf

Para personalizar el estilo:

pandoc archivo.md -o archivo.pdf --pdf-engine=xelatex -V geometry:margin=2cm

Con librerías JavaScript

Si necesitas hacerlo programáticamente:

// Usando marked + html2pdf.js
import { marked } from 'marked';
import html2pdf from 'html2pdf.js';

const html = marked.parse(markdownText);
html2pdf().from(html).save('documento.pdf');

Personalizar el aspecto del PDF

Con html2pdf.js (CSS en el navegador)

Si usas html2pdf.js en el navegador, puedes aplicar estilos CSS al HTML intermedio antes de generar el PDF:

import { marked } from 'marked';
import html2pdf from 'html2pdf.js';

const markdownText = '# Mi documento\n\nContenido del documento...';
const html = marked.parse(markdownText);

// Envolver el HTML con estilos personalizados
const htmlConEstilos = `
<style>
  body {
    font-family: 'Georgia', serif;
    line-height: 1.8;
    color: #333;
    max-width: 700px;
    margin: 0 auto;
  }
  h1 {
    color: #1a1a2e;
    border-bottom: 2px solid #e0e0e0;
    padding-bottom: 0.5em;
  }
  h2 {
    color: #16213e;
    margin-top: 2em;
  }
  code {
    background: #f4f4f4;
    padding: 2px 6px;
    border-radius: 3px;
    font-size: 0.9em;
  }
  pre {
    background: #2d2d2d;
    color: #f8f8f2;
    padding: 1em;
    border-radius: 5px;
    overflow-x: auto;
  }
  blockquote {
    border-left: 4px solid #3498db;
    margin-left: 0;
    padding-left: 1em;
    color: #555;
  }
</style>
${html}
`;

const opciones = {
  margin:       10,
  filename:     'documento.pdf',
  image:        { type: 'jpeg', quality: 0.98 },
  html2canvas:  { scale: 2 },
  jsPDF:        { unit: 'mm', format: 'a4', orientation: 'portrait' }
};

html2pdf().set(opciones).from(htmlConEstilos).save();

Con Pandoc (plantillas y variables de LaTeX)

Pandoc genera PDFs a través de LaTeX, lo que te da un control tipográfico profesional. Puedes personalizar casi cualquier aspecto del documento usando variables:

pandoc archivo.md -o archivo.pdf \
  --pdf-engine=xelatex \
  -V geometry:margin=2.5cm \
  -V fontsize=12pt \
  -V mainfont="Arial" \
  --highlight-style=tango

Explicación de cada parámetro:

--pdf-engine=xelatex: Usa XeLaTeX como motor, lo que permite usar cualquier fuente del sistema (necesario para fuentes como Arial o Times New Roman).
-V geometry:margin=2.5cm: Establece los márgenes del documento.
-V fontsize=12pt: Tamaño de fuente base.
-V mainfont="Arial": Fuente principal del texto (requiere XeLaTeX).
--highlight-style=tango: Estilo de resaltado para bloques de código (opciones: pygments, tango, espresso, zenburn, kate, monochrome, breezedark, haddock).

Más variables útiles de Pandoc

pandoc archivo.md -o archivo.pdf \
  --pdf-engine=xelatex \
  -V geometry:margin=2.5cm \
  -V fontsize=12pt \
  -V mainfont="Noto Serif" \
  -V sansfont="Noto Sans" \
  -V monofont="Fira Code" \
  -V linestretch=1.5 \
  -V colorlinks=true \
  -V linkcolor=blue \
  -V urlcolor=blue \
  -V lang=es \
  --toc \
  --toc-depth=3 \
  --number-sections

Variables adicionales:

linestretch: Interlineado (1.5 es muy legible para documentos largos).
colorlinks y linkcolor: Colorear los enlaces en lugar de recuadrarlos.
lang=es: Activar la localización en español (guiones de separación, etiquetas como "Tabla de contenidos").
--toc: Generar tabla de contenidos automática.
--number-sections: Numerar los encabezados (1, 1.1, 1.2, etc.).