this post was submitted on 06 Jul 2023
30 points (100.0% liked)

lemmy.eco.br (meta)

1118 readers
6 users here now

Esta Comunidade destina-se a postagens sobre o servidor Lemmy.eco.br.

Para obter suporte com problemas no Lemmy.eco.br, acesse a sala de suporte.

Para jogar conversa fora, utilize o [email protected].

Para comentar noticias: [email protected].

Para comentar sobre política: [email protected].

founded 1 year ago
MODERATORS
 

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.

top 16 comments
sorted by: hot top controversial new old
[–] [email protected] 7 points 1 year ago (2 children)

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)

[–] [email protected] 3 points 1 year ago

Corrigido, sempre erro isso, valeu :)

[–] [email protected] 1 points 1 year ago

bem observado!

[–] [email protected] 6 points 1 year ago (1 children)

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!

[–] [email protected] 4 points 1 year ago

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

[–] [email protected] 3 points 1 year ago

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

[–] [email protected] 3 points 1 year ago (1 children)
[–] [email protected] 3 points 1 year ago (1 children)

@[email protected], muito obrigado pela contribuição! Que tópico espetacular!

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

[–] [email protected] 2 points 1 year ago (1 children)

Pode colar, assim todo mundo fica sabendo :)

[–] [email protected] 2 points 1 year ago (1 children)

Seria massa incluir isso na wiki, né?

[–] [email protected] 2 points 1 year ago

Onde eu assino?

[–] [email protected] 3 points 1 year ago* (last edited 1 year 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

[–] [email protected] 1 points 1 year ago (1 children)

É só comigo que as imagens estão quebradas?

[–] [email protected] 1 points 1 year ago (1 children)

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

[–] [email protected] 1 points 1 year ago

Pois, é a vpn do computador, no celular funciona, tks :)