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.:
Site oficial da banda Massacration
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:
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 |
``` 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 copie o link da mesma
Agora você pode usar esse link, como URL para inserir uma imagem, assim:
![Texto alternativo a imagem](url da imagem)
Esse post 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.
Tá ai bom um post, mas tem um erro, acima tens um exemplo de hyperlink, mas está ao contrário.
Deve ser
[Site oficial da banda Massacration](https://massacration.net)
Tal como no exemplo abaixo, deve ser
[nome](URL)
Corrigido, sempre erro isso, valeu :)