Skip Navigation

Como usar o markdown para melhorar os posts desta instância!


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"
Pagina inicial do imgbb


Copie o link gerado
link gerado


Abra-o em uma nova aba
Nova Aba


Clique como o botão direito na imagem e copie o link da mesma
Copiar link

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.

11

You're viewing a single thread.

11 comments
  • HEA: Também temos suporte para notas de rodapé

    Hello World [^1]
    
    [^1]: Forma comum de dizer "oi" em uma tecnologia nova
    

    Exemplo:

    Hello World [^1]

    [^1]: Forma comum de dizer "oi" em uma tecnologia nova

You've viewed 11 comments.