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.

¿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.).