Cómo hacer capturas de código bonitas para tus posts
Compartir código como texto plano pierde formato y legibilidad. Una imagen con resaltado de sintaxis, números de línea y buen contraste se entiende de un vistazo.
Paso a paso
- 1
Elige “Código fuente”
Abre el editor y selecciona el tipo de tarjeta de código.
- 2
Pega tu fragmento y elige el lenguaje
Hay 19 lenguajes, desde JavaScript y Python hasta Rust, Go y SQL.
- 3
Selecciona el tema
Dracula, One Dark, Monokai o GitHub claro. Los oscuros destacan sobre fondos de color.
- 4
Ajusta y descarga
Activa los números de línea, elige el marco de ventana y exporta en PNG.
Cuánto código mostrar
Entre 8 y 15 líneas es lo ideal. Si necesitas más, divide el contenido en un carrusel de varias imágenes.
Elige un fondo que no compita
Un degradado azul o turquesa con la tarjeta de vidrio mantiene el foco en el código. Evita patrones muy cargados detrás de fragmentos largos.
Resolución
Para pantallas retina o impresión, usa la exportación 2x o 4x (plan Pro).