Crie facilmente belas imagens de código-fonte com carbono

Twitter e outras plataformas de mídia social são ótimas maneiras de compartilhar pequenos trechos de código-fonte útil. É bom enfeitar um pouco essas amostras com algumas cores bonitas ou decoração extravagante.

O aplicativo da web Carbon permite que você crie imagens de amostras de código-fonte. Ele fornece vários recursos, incluindo realce de sintaxe, várias fontes e temas. Em seguida, ele permite que você copie sua imagem de código para o Medium, tweet ou salve como um arquivo de imagem.

Noções básicas de uso de carbono

O Página inicial de carbono exibe algum código de exemplo em sua caixa de texto principal. Esta já é uma demonstração útil do serviço. Ele mostra uma visualização precisa do tipo de imagem que você pode criar.

Comece inserindo algum código. Você pode copiar e colar de um editor de texto ou digitá-lo diretamente. Observe que a caixa de texto se expande para a largura de sua linha mais longa.

Como personalizar sua imagem de código-fonte

O Carbon cria uma imagem do seu código-fonte com texto colorido e destacado pela sintaxe. Ele apresenta seu código em uma janela básica sobre uma cor de fundo ou imagem.

A configuração do tema permite aplicar uma paleta de cores de texto a partir de um intervalo predefinido. Muitos desses temas são de uso comum entre editores de texto e outros softwares existentes.

A configuração de idioma será Auto por padrão, o Carbon tentará adivinhar o idioma. Mas é melhor selecionar o idioma específico por meio do menu suspenso. Algumas linguagens são difíceis de detectar apenas com o código-fonte.

Em um nível inferior, o Carbon oferece várias configurações de estilo para ajustar a imagem de código final. Todos eles estão disponíveis no menu de configurações com o ícone de engrenagem:

Você pode selecionar entre 15 fontes monoespaçadas diferentes. Você pode incluir controles de janela em sua imagem e variar sua largura ou o preenchimento ao redor de sua janela de código. Você também pode alterar a altura da linha, o tamanho da fonte e incluir os números das linhas. Se você usa o serviço com frequência, pode salvar suas configurações como uma predefinição para uso futuro.

Integração do Carbon com GitHub Gists

Um recurso muito útil permite que você carregue o código-fonte de um GitHub Gist. Faça isso anexando o Gist ID ao domínio de Carbon para obter um URL neste formato:

https://carbon.now.sh/ea85abfb66e419ffd45564abd5bba3e7

O Carbon então importará o código-fonte desse Gist e você estará livre para trabalhar com ele como se o tivesse digitado diretamente.

Como exportar uma imagem de código de carbono

Depois de configurar seu exemplo de código de acordo com sua preferência, é hora de usá-lo. Você tem duas opções principais aqui: tweetar ou salvá-lo como um arquivo.

O principal objetivo do Carbon é melhorar as imagens de código postadas no Twitter, para que ele apresente o tweet como sua primeira opção de exportação. Pressionando o Tweet O botão abre uma caixa de diálogo de criação de tweet em uma janela pop-up. O tweet é pré-preenchido com uma URL que se converte em uma imagem carregada quando você envia o tweet. Além disso, você pode editar o tweet como achar necessário.

Baixar a imagem como um arquivo oferece um pouco mais de flexibilidade. Você pode exportá-lo como PNG ou SVG e dimensionar o tamanho enquanto faz isso.

O Carbon também permite que você copie e cole a imagem que você criou. Inclui uma opção que permite inserir o código em uma postagem do Medium ou enviar a imagem para o Imgur.

Os benefícios de compartilhar o código-fonte em uma imagem

Compartilhar o código-fonte como uma imagem tem várias vantagens. Para o Twitter, em particular, ajuda a contornar o comprimento máximo do tweet. Em teoria, você pode criar imagens contendo muito mais código do que o limite de texto do Twitter permite.

Relacionado: Como escrever tweets mais longos

A principal característica do Carbon é o destaque de sintaxe. Atualmente, você não pode destacar a sintaxe de texto simples no Twitter ou em muitos outros serviços.

As imagens do código-fonte também são um pouco mais fáceis de compartilhar e armazenar do que o texto do código-fonte. Mas eles podem desencorajar a cópia do código-fonte, o que pode ser uma coisa boa. Você pode se preocupar que as pessoas possam copiar seu código sem entender o que ele realmente faz.

As desvantagens de incorporar o código-fonte em uma imagem

As imagens ocupam muito mais espaço de armazenamento do que o texto. Embora seja possível extrair texto de imagens, ainda requer um esforço extra.

Mais importante ainda, o texto em imagens é frequentemente inacessível para aqueles que não podem vê-lo. Leitores de tela, por exemplo, podem não conseguir acessar esse texto. O botão Tweet do Carbon fornece automaticamente um texto alternativo que atenua esse problema.

Usando Carbon para Compartilhar Seus Trechos de Código

Carbon permite que você crie facilmente imagens atraentes de trechos de código-fonte. É um aplicativo da web simples que se concentra em uma tarefa específica com personalização suficiente.

O Carbon converte o texto do código-fonte em imagens e isso pode nem sempre ser apropriado. Se você deseja compartilhar seu código como texto real, há muitas opções para fazer isso.

As 4 melhores alternativas do Pastebin para compartilhar código e texto

Essas alternativas do Pastebin permitem que você digite, cole e compartilhe blocos de código ou texto com outras pessoas online facilmente.

Sobre o autor