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.

  • @Generator@lemmy.pt
    link
    fedilink
    Português
    711 months ago

    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)

    • DaviOP
      link
      Português
      411 months ago

      Corrigido, sempre erro isso, valeu :)

    • Cauê
      link
      Português
      111 months ago

      bem observado!

  • @BaalInvoker
    link
    Português
    711 months ago

    Recomendo a sugestão desse site

    https://www.markdownguide.org/basic-syntax/

    Ele ensina a sintaxe do Markdown e pode ser utilizado tanto aqui, quanto no Reddit e em outras outras plataformas

    Markdown é uma ferramenta maravilhosa e todo mundo deveria aprender!

    • DaviOP
      link
      Português
      511 months ago

      Boa! é isso aí, quando você pode usar markdown USE markdown

  • @SonhoM
    link
    Português
    411 months ago

    Maravilhoso! Isso ai sim é uma experiência Old Reddit hehe

    • Ademir
      shield
      MA
      link
      Português
      311 months ago

      @Sou_Puro_Osso@lemmy.eco.br, muito obrigado pela contribuição! Que tópico espetacular!

      Vou colar na porta da geladeira na sidebar da instância, ok?

      • DaviOP
        link
        Português
        211 months ago

        Pode colar, assim todo mundo fica sabendo :)

        • AdemirMA
          link
          29 months ago

          Seria massa incluir isso na wiki, né?

          • DaviOP
            link
            Português
            29 months ago

            Onde eu assino?

  • @birb
    link
    Português
    3
    edit-2
    10 months ago

    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 ↩︎

    • DaviOP
      link
      Português
      111 months ago

      Acho que é só pra você mesmo, eu já abri esse post em uns 5 lugares diferentes, e as imagens estão funcionando certinho.

      Por onde você tá acessando