Como usar o Markdown para formatar seus textos nas redes sociais

diaspora logo

A linguagem Markdown, de formatação de textos está ganhando força nas redes sociais e em aplicativos de comunicação, como o Telegram ou o Whatsapp.
Na rede social diaspora, é possível formatar o texto dos seus posts, dando-lhes aparência digna de posts de blogs profissionais.
Seu post pode ter vários títulos, em diversos tamanhos, imagens ilustrativas de cada tópico abordado dentro do texto.
Diaspora front page
Você pode inserir blocos de citação, para enfatizar alguma frase ou idéia. Pode usar negrito, itálico e inserir diversos links, para fontes externas.
Desenvolvedores podem inserir exemplos de código, estilizado — com indentação e realce de sintaxe.
Os recursos estão disponíveis, tanto no post principal (status message), como nos comentários.

No canto superior da caixa de entrada de texto, há uma aba de pré-visualização, ou preview.
À medida em que você experimenta os recursos explicados nesta página, pode verificar na pré-visualização como será a aparẽncia do texto final.
Quando estiver feliz com o resultado, publique!

Formatação de texto no Telegram e Whatsapp

Em aplicativos de mensagens instantâneas, como o Telegram ou Whatsapp, o uso da linguagem Markdown para formatar textos está presente, mas não é tão completa como no Diaspora.
Não faz muito sentido usar estes meios para escrever artigos ou posts de uma página ou mais. Ali não é lugar para isso, provavelmente.
Mas o básico está presente e você pode usar à vontade.
Formatação de texto no Telegram
Daqui, pra frente, vou mostrar o uso da linguagem Markdown na rede social Diaspora, onde o suporte é mais completo.
Sinta-se livre para testar o que funciona ou não no Telegram, no Whatsapp etc. — conte os resultados obtidos nos comentários, se quiser! 😉

Formatação de textos no Diáspora

A primeira dica da documentação oficial é usar 2 linhas, ou line breaks, entre parágrafos – exceto para itens de uma lista. Do contrário, a formatação de um parágrafo irá “vazar” para o outro.
A maior parte das opções de formatação pode ser aplicada com o clique de um botão, na barra superior à caixa de edição.
botões de efeitos de edição no Diaspora
Uma outra forma de aplicar os recursos no texto é usar elementos de formatação, direto na linha de edição, como vamos mostrar à seguir.

Títulos

No modo de edição, Use o ‘#’ para criar títulos no seu post.

  • #   Título de nível 1
  • ##   Título de nível 2
  • ###   Título de nível 3
  • ####   Título de nível 4

Você terminar uma linha de título com uma linha a mais ou repetindo o ‘#’, que iniciou a linha. Veja um exemplo:
## Título dois ##
Titulos no diaspora


Certifique-se de deixar um espaço entre o ‘#’ (escopo) e o seu texto, para não criar uma hashtag, em vez de um título.

Listas

Você pode inserir listas, com pontos ou numeradas.
Veja um exemplo de lista

Lista não numerada:
- primeiro item
- segundo item
- 2 espaços iniciais, criam subitem
- terceiro item

Lista numerada
1. primeiro item
2. segundo item
2.1. primeiro subitem, do segundo
3. terceiro item

Clique na aba de pré-visualização para ver como ficou.
como fazer listas no diaspora

Citações no Diaspora

Se você quiser inserir uma citação estilizada, também chamada de quotation ou blockquote (no WordPress), Use o símbolo ‘>’ (maior que).
Veja um exemplo:

> Sed euismod libero magna, eget lobortis eros elementum vel. Suspendisse sem quam, semper at vestibulum at, congue id sem. Ut vel elementum tellus.
>

Você pode indicar o fim da citação com um outro ‘>’ ou apenas inserir uma linha a mais ao final dela.
exemplo de citação no Diaspora
Vocẽ pode mesclar os elementos de formatação. No exemplo, a seguir, veja uma citação com um título:

> ### Citação ###
> A minha citação tem um título só para ela.
Sed euismod libero magna, eget lobortis eros elementum vel. Suspendisse sem quam, semper at vestibulum at, congue id sem. Ut vel elementum tellus.
>

citação com título no Diaspora

Como inserir blocos de código de programação

Desenvolvedores ou blogueiros de tecnologia podem ter a necessidade de exibir blocos de código estilizados e com a liberdade de usar caracteres especiais, que não sejam interpretados pelo Diaspora.
Para inserir um bloco deste tipo, inicie com 4 backticks ou ‘`’ (sinal de crase).
Veja um exemplo:

Este é um texto normal.
```` aqui vai o meu código ````
voltando ao texto normal

Exemplo de bloco de código no Diaspora
Eu testei este recurso dentro do Telegram. E funciona!

Como inserir uma linha horizontal

Este elemento é usado para separar sessões dentro do texto.
Pode ser obtido com 3 (trẽs) ‘-‘, ‘_’ ou ‘*’.
Veja os exemplos:

primeira linha:
- - -
segunda linha
___
terceira linha
***

Itálico e negrito

Veja alguns exemplos, que falam por si:

Itálico: *palavra em itálico* ou _palavra em itálico_
Negrito: **palavra em negrito** ou __palavra em negrito__
Itálico e negrito: ***palavra em negrito e itálico***
ou ___palavra em negrito e itálico___

formatação de texto e linhas horizontais no Diaspora

Inserção de links

Aqui, eu acho mais fácil usar o botão de link, mas também é possível inserir um link direto no texto.
Veja como:

[Coisas do Geek](https://coisasdogeek.com.br/doc)

Novamente, aqui também você pode mixar elementos:

[Coisas do ***Geek***](https://coisasdogeek.com.br/doc)

O código, acima, irá exibir a palavra “Geek” em negrito, dentro do texto do link.
Como comportamento padrão, o Diaspora irá abrir o link em uma nova aba do navegador

Como inserir imagens no post

Para inserir uma imagem principal, para ilustrar o post, basta usar o ícone de câmera no rodapé (à direita) da caixa de edição.
Outra forma de inserir imagens, que podem ilustrar sessões específicas do seu texto é semelhante ao link, conforme já descrevemos.
A diferença é a presença de um ‘!’ (ponto de exclamação), antes do link.
Veja:

![Texto descritivo ou alternativo](https://elias.praciano.com/wp-content/uploads/2016/11/vim-editor-on-kde.jpg "Titulo opcional")

Desta forma, vocẽ pode inserir quantas imagens quiser, para ilustrar seu texto.
Se você pretende compartilhá-lo no Facebook ou no Twitter, vale a pena usar imagens chamativas para o seu público.

Caracteres especiais e de escape

Use o ‘\’ (escape) para forçar o aparecimento dos caracteres de formatação e evitar a formatação em si.
Para conseguir escrever _Coisas do Geek_ — exatamente desta forma e sem itálico, escreva assim:

\_Coisas do Geek\_

O mesmo vale para o negrito e outros recursos.
Outros caracteres especiais, podem ajudar a obter os seguintes efeitos:

  • -> =
  • <- =
  • =
  • (c) (r) (tm) = © ® ™
  • <3   — ( tão previsível…)
  • x^2   —
  • x^3   —

Fácil, não é?

Referências

https://diasporafoundation.org/formatting.