Se você deseja compartilhar um trecho de código em uma postagem do Mastodon, a interface padrão não inclui um botão dedicado para bloco de código. Isso dificulta preservar a indentação e a formatação, especialmente para amostras de código mais longas. O Glitch-Soc, uma bifurcação popular do Mastodon, adiciona suporte nativo para blocos de código diretamente no compositor de postagens. Este artigo explica como ativar e usar blocos de código no Glitch-Soc para que seu código permaneça legível e formatado corretamente.
Principais Conclusões: Inserindo Blocos de Código no Glitch-Soc Mastodon
- Preferências > Aparência > Ativar compositor avançado: Ativa o editor de texto rico com suporte a blocos de código.
- Barra de ferramentas do compositor > Ícone de bloco de código (<>): Insere uma área de código formatada em sua postagem.
- Markdown manual com três crases: Funciona se o compositor avançado estiver desligado, mas apenas em instâncias que interpretam Markdown.
O Que São Blocos de Código do Glitch-Soc e Por Que Eles São Importantes
Glitch-Soc é uma bifurcação de código aberto do Mastodon que adiciona recursos experimentais não encontrados no código oficial do Mastodon. Um desses recursos é um compositor de texto rico que suporta opções de formatação como negrito, itálico e blocos de código. A interface web padrão do Mastodon suporta apenas texto simples com formatação básica estilo Markdown para links e menções. Blocos de código não fazem parte do Mastodon padrão porque a plataforma prioriza simplicidade e acessibilidade. O Glitch-Soc resolve isso fornecendo um editor WYSIWYG que permite inserir um bloco de código com um único clique.
Um bloco de código no Glitch-Soc é renderizado como uma área monoespaçada e com borda que preserva espaços em branco e quebras de linha. Isso é essencial para compartilhar trechos de programação, arquivos de configuração ou qualquer texto onde a indentação importa. Sem um bloco de código, a postagem pode colapsar vários espaços em um e remover quebras de linha, tornando o código ilegível. O Glitch-Soc também permite especificar a linguagem de programação para realce de sintaxe, embora esse recurso dependa do tema da instância e das configurações do cliente.
Passos para Inserir um Bloco de Código em uma Postagem do Glitch-Soc
Antes de usar o recurso de bloco de código, você deve ativar o compositor avançado nas preferências do Glitch-Soc. Os passos a seguir assumem que você está usando a interface web do Glitch-Soc. Aplicativos móveis podem não suportar o compositor avançado.
- Faça login na sua instância Glitch-Soc
Abra seu navegador preferido e vá para o endereço web da sua instância Mastodon que executa o Glitch-Soc. Digite seu e-mail e senha, depois clique em Entrar. - Abra Preferências
Clique no ícone de engrenagem na coluna direita, abaixo das suas informações de perfil. No celular, toque no menu hambúrguer e selecione Preferências. - Ative o compositor avançado
Na página de Preferências, clique em Aparência. Na seção Postagem, marque a caixa ao lado de Ativar compositor avançado. Isso ativa a barra de ferramentas de texto rico no compositor de postagens. - Volte para a linha do tempo principal
Clique no botão Voltar ou no logotipo da instância para retornar à linha do tempo inicial. A caixa do compositor no topo agora mostra uma barra de ferramentas com botões de formatação. - Clique no ícone de bloco de código
Na barra de ferramentas do compositor, procure um ícone que mostra colchetes angulares (<>). Clique nele. Um espaço reservado para bloco de código aparece no compositor. O espaço reservado pode mostrar o texto Bloco de código com uma fonte monoespaçada. - Digite ou cole seu código
Clique dentro da área do bloco de código. Digite seu código ou cole-o da área de transferência. A formatação e as quebras de linha são preservadas. Você também pode digitar texto fora do bloco de código para contexto. - Opcionalmente, especifique uma linguagem para realce de sintaxe
Alguns temas e clientes do Glitch-Soc permitem adicionar um identificador de linguagem após as crases de abertura. Se sua instância suportar, você pode editar manualmente o bloco de código para adicionar o nome da linguagem, por exemplo:```python. Este passo é opcional e pode não estar visível no editor WYSIWYG. - Publique seu toot
Clique no botão Toot para publicar sua postagem. O bloco de código aparece como uma área formatada distinta com fonte monoespaçada e fundo cinza claro.
Método Alternativo: Blocos de Código Markdown Manuais
Se você preferir não usar o compositor avançado, ou se sua instância Glitch-Soc tiver o compositor avançado desativado, você pode inserir um bloco de código usando a sintaxe Markdown. Este método funciona apenas se sua instância renderizar Markdown nas postagens, o que não é garantido. Digite três crases em uma linha, depois seu código na próxima linha e feche com três crases em uma nova linha. Por exemplo:
```
function hello() {
console.log("Olá, Mastodon!");
}
```
A postagem renderizará o código em um bloco monoespaçado. Essa abordagem é menos confiável porque algumas instâncias removem as crases ou não interpretam Markdown no corpo dos toots.
Problemas Comuns ao Usar Blocos de Código no Glitch-Soc
O ícone do bloco de código está ausente na barra de ferramentas do compositor
A causa mais comum é que o compositor avançado não está ativado. Vá para Preferências > Aparência e certifique-se de que a caixa Ativar compositor avançado esteja marcada. Se a caixa já estiver marcada mas o ícone ainda estiver ausente, sua instância pode estar executando uma versão antiga do Glitch-Soc que não inclui o botão de bloco de código. Entre em contato com o administrador da sua instância para atualizar o software.
O bloco de código não preserva a indentação após a publicação
Isso acontece quando você cola código que usa caracteres de tabulação em vez de espaços. O Glitch-Soc pode converter tabulações em um único espaço. Para corrigir isso, substitua tabulações por espaços antes de colar. A maioria dos editores de código possui um recurso para converter tabulações em espaços. Alternativamente, use o método manual Markdown com três crases, que geralmente preserva melhor os espaços em branco.
O realce de sintaxe não aparece
O realce de sintaxe não é um recurso nativo dos blocos de código do Glitch-Soc. Alguns temas de instância ou estilos de usuário podem adicioná-lo, mas não é garantido. Para obter realce de sintaxe, você pode precisar usar um cliente de terceiros como Halcyon ou Pinafore que suporte blocos de código destacados. Alternativamente, use um serviço como Carbon para gerar uma captura de tela do seu código e anexá-la como imagem.
Bloco de Código do Glitch-Soc vs Texto Simples do Mastodon Padrão
| Item | Bloco de Código Glitch-Soc | Texto Simples Mastodon Padrão |
|---|---|---|
| Preservação de formatação | Preserva indentação e quebras de linha | Colapsa múltiplos espaços; remove quebras de linha |
| Aparência visual | Fonte monoespaçada com cor de fundo | Mesma fonte do texto normal |
| Facilidade de inserção | Um clique no compositor avançado | Nenhum método nativo; Markdown manual pode falhar |
| Realce de sintaxe | Não nativo; depende do tema ou cliente | Não disponível |
| Impacto no limite de caracteres | Caracteres dentro do bloco contam para o limite da postagem | Mesmo |
A tabela mostra que os blocos de código do Glitch-Soc são superiores para compartilhar código porque mantêm a estrutura e a legibilidade. O Mastodon padrão carece de qualquer formatação nativa de código, tornando-o inadequado para postagens técnicas.
Agora você pode inserir um bloco de código em qualquer postagem do Mastodon ativando o compositor avançado no Glitch-Soc e usando o ícone da barra de ferramentas. Se você compartilha código com frequência, considere usar um serviço dedicado de compartilhamento de código como Pastebin ou GitHub Gist e vincular a ele em sua postagem para evitar problemas de limite de caracteres. Para máxima legibilidade, sempre substitua tabulações por espaços antes de colar seu código no bloco.