Cree fácilmente hermosas imágenes de código fuente con Carbon

Twitter y otras plataformas de redes sociales son excelentes formas de compartir pequeños fragmentos de código fuente útil. Es bueno arreglar un poco estas muestras con algunos colores bonitos o una decoración elegante.

La aplicación web Carbon le permite crear imágenes de muestras de código fuente. Proporciona varias funciones, incluido el resaltado de sintaxis, varias fuentes y temas. Luego le permite copiar su imagen de código a Medium, twittearla o guardarla como un archivo de imagen.

Los fundamentos del uso de carbono

los Página de inicio de carbono muestra un código de ejemplo en su cuadro de texto principal. Esta ya es una demostración útil del servicio. Le muestra una vista previa precisa del tipo de imagen que puede crear.

Comience ingresando algún código. Puede copiar y pegar desde un editor de texto o escribirlo directamente. Observe que el cuadro de texto se expande al ancho de su línea más larga.

Cómo personalizar la imagen de su código fuente

Carbon crea una imagen de su código fuente con texto en color resaltado por sintaxis. Presenta su código en una ventana básica sobre un color o imagen de fondo.

La configuración del tema le permite aplicar una paleta de colores de texto de un rango predefinido. Muchos de estos temas son de uso común entre los editores de texto y otro software existente.

La configuración de idioma será Auto de forma predeterminada, Carbon intentará adivinar el idioma. Pero es mejor seleccionar el idioma específico a través del menú desplegable. Algunos lenguajes son difíciles de detectar solo a partir del código fuente.

En un nivel inferior, Carbon proporciona varias configuraciones de estilo para modificar la imagen del código final. Todos estos están disponibles en el menú de configuración con el icono de engranaje:

Puede seleccionar entre una gama de 15 fuentes monoespaciadas diferentes. Puede incluir controles de ventana en su imagen y variar su ancho o el relleno alrededor de su ventana de código. También puede cambiar la altura de la línea, el tamaño de la fuente e incluir números de línea. Si usa el servicio con frecuencia, puede guardar su configuración como un ajuste preestablecido para uso futuro.

Integración de Carbon con GitHub Gists

Una característica muy útil le permite cargar código fuente desde un Gist de GitHub. Para ello, agregue el ID de Gist al dominio de Carbon para obtener una URL en este formato:

https://carbon.now.sh/ea85abfb66e419ffd45564abd5bba3e7

Luego, Carbon importará el código fuente de ese Gist y podrá trabajar con él como si lo hubiera escrito directamente.

Cómo exportar una imagen de código desde Carbon

Una vez que haya configurado su ejemplo de código a su gusto, es hora de utilizarlo. Tiene dos opciones principales aquí: twittearlo o guardarlo como un archivo.

El objetivo principal de Carbon es mejorar las imágenes de código publicadas en Twitter, por lo que presenta los tweets como su primera opción de exportación. Pulsando el Pío El botón abre un cuadro de diálogo de creación de tweets en una ventana emergente. El tweet se rellena previamente con una URL que se convierte en una imagen cargada cuando envía el tweet. Más allá de eso, puede editar el tweet como mejor le parezca.

Descargar la imagen como un archivo proporciona un poco más de flexibilidad. Puede exportarlo como PNG o SVG y escalar el tamaño mientras lo hace.

Carbon también le permite copiar y pegar la imagen que ha creado. Incluye una opción que te permite incrustar el código en una publicación de Medium o subir la imagen a Imgur.

Los beneficios de compartir el código fuente en una imagen

Compartir el código fuente como una imagen tiene varias ventajas. Para Twitter, en particular, ayuda a sortear la longitud máxima del tweet. En teoría, puede crear imágenes que contengan mucho más código de lo que permite el límite de texto de Twitter.

Relacionado: Cómo escribir tweets más largos

La característica principal de Carbon es el resaltado de sintaxis. Actualmente, no se puede resaltar la sintaxis de texto sin formato en Twitter o en muchos otros servicios.

Las imágenes del código fuente también son un poco más fáciles de compartir y almacenar que el texto del código fuente. Pero pueden desalentar la copia de código fuente, lo que podría ser algo bueno. Es posible que le preocupe que las personas puedan copiar su código sin comprender lo que realmente hace.

Los inconvenientes de incrustar código fuente en una imagen

Las imágenes ocupan mucho más espacio de almacenamiento que el texto. Aunque es posible extraer texto de imágenes, todavía requiere un esfuerzo adicional.

Lo más importante es que el texto de las imágenes suele ser inaccesible para quienes no pueden verlo. Es posible que los lectores de pantalla, por ejemplo, no puedan acceder a dicho texto. El botón Tweet de Carbon proporciona automáticamente texto alternativo que mitiga este problema.

Uso de Carbon para compartir sus fragmentos de código

Carbon le permite crear fácilmente imágenes atractivas de fragmentos de código fuente. Es una aplicación web simple que se enfoca en una tarea específica con la personalización suficiente.

Carbon convierte el texto del código fuente en imágenes y esto puede no ser siempre apropiado. Si desea compartir su código como texto real, existen muchas opciones para hacerlo.

Las 4 mejores alternativas de Pastebin para compartir código y texto

Estas alternativas de Pastebin le permiten escribir, pegar y compartir bloques de código o texto con otras personas en línea fácilmente.

Sobre el Autor