Introdução
O que muita gente não sabe, é que quando estamos digitando na caixa de comentários, ou escrevendo um post aqui no Lemmy, estamos utilizando uma tecnologia chamada markdown.
Markdown, é uma linguagem criada para converter texto, em HTML.
HTML: HTML é uma linguagem de marcação muito utilizada para estruturar web sites, Ex.:
<a href="https://massacration.net">
Site oficial da banda Massacration
</a>
Este trecho de código HTML, deve gerar um hiperlink para a pagina inicial do site da banda Massacration, mais ou menos assim:
Site oficial da banda Massacration
Em código markdown, é um pouco mais simples, olha só:
[https://massacration.net](Site oficial da banda Massacration)
Essa linha, vai gerar o mesmo hiperlink, mostrado anteriormente, e é assim que o código markdown funciona!
Você pode usar coisas parecidas para criar títulos, links, tabelas, imagens, efeitos em texto como negrito, itálico, sublinhado, taxado...
Aqui vai uma tabela com alguns dos comandos markdown mais importantes:
Claro! Aqui está uma tabela em Markdown com alguns dos principais comandos:
Comando | Descrição |
---|---|
# Título |
Define um título de nível 1 |
## Título |
Define um título de nível 2 |
### Título |
Define um título de nível 3 |
*Texto em itálico* |
Aplica ênfase em itálico |
**Texto em negrito** |
Aplica ênfase em negrito |
***Texto em itálico e negrito*** |
Aplica ênfase em itálico e negrito |
~~Texto riscado~~ |
Risca o texto |
[Texto do link](URL) |
Cria um link clicável |
![Texto alternativo](URL da imagem) |
Insere uma imagem |
- Item de lista |
Cria um item de lista não ordenada |
1. Item de lista |
Cria um item de lista ordenada |
> Citação |
Cria uma citação em bloco |
`Código` |
Formata um trecho de código |
```<linguagem> Código em bloco``` |
Formata um bloco de código |
--- ou *** |
Insere uma linha horizontal |
Notas
Para enviar imagens, recomenda-se utilizar um serviço personalizado para o armazenamento de imagens, o motivo é apresentado aqui. Você pode usar o imgbb.
Como fazer:
Clique no botão "start uploading"
Copie o link gerado
Abra-o em uma nova aba
Clique como o botão direito na imagem e clique em "Copiar link da imagem"
Agora você pode usar esse link, como URL para inserir uma imagem, assim:
![Texto alternativo a imagem](url da imagem)
OBS. Não é necessário criar uma conta no site, mas é interessante para você poder organizar suas imágens. O texto alternativo a imagem, normalmente é usado para substituir a mesma, caso deixe de existir, também podem ser usado por navegadores para prover funcionalidades de acessibilidade.
Essa página existe para vocês saberem que tem essa possibilidade, e pra lembrar de usar serviços separados para fazer o upload de imagens, assim, podemos folgar o uso de armazenamento dos servidores da instância.
Espero que gostem, usem e abusem disto, assim, podemos melhorar a legibilidade dos posts da comunidade.