Resumo

Se você quer escrever um post para o TabNews e não sabe como, este post pode te ajudar. Esta é a segunda versão do post, eu o editei com base nas contribuições dos comentários.

Eu decidi editá-lo pois este post aparece diretamente naquela listagem de posts na home, diferentemente dos comentários, então para facilitar seu acesso à informação, concatenei as informações num só artigo.

Introdução

Este é o meu primeiro post no TabNews e antes de realizá-lo eu li alguns posts dos usuários e observei que alguns tinham títulos, subtítulos, imagens, códigos. Fiquei curioso para saber como estilizar o texto daquela maneira e decidi fazer um post teste, no entanto, percebi que o espaço destinado à digitação dos posts não é igual ao word por exemplo, no qual você seleciona um fragmento de texto e clica num botão para definir se aquele fragmento é em negrito, itálico, ou se tem o tamanho de fonte diferente, conhecido como WYSIWYG (What you see is what you get).

Com base nas contribuições do acnahmias descobri que os artigos podem ser facilmente estilizados utilizando Markdown.

Markdown é uma linguagem de marcação leve que pode ser usada para adicionar elementos de formatação a documentos de texto simples. [...]

[...] Quando se cria um documento usando markdown, adiciona-se a sintaxe ao texto para indicar como as palavras e frases devem aparecer na versão final.

Ele também forneceu um link de um guia que contém instruções da sintaxe básica e da sintaxe extendida, então você pode pular este artigo e ler o guia diretamente, porém, em inglês. Eu não adicionei tudo que está contido no guia, então pode ser uma boa ideia apreciar tanto o artigo quanto o guia.

Turorial

Você pode estilizar o seu post utilizando html assim como eu fiz na primeira versão deste, quando não conhecia Markdown. Porém, Markdown se mostrou mais simples e prático então aconselho a sua utilização.

Títulos

Além de criar o conteúdo, separá-lo em seções e subseções tem um importante papel na qualidade do seu artigo, já que ajuda na identificação e separação de assuntos dentro do texto. Para definir um título basta usar # antes do Título. Lembre-se de deixar um espaço vazio entre o Título e o #.

Por conveção, deixe uma linha em branco antes...

# Título

... e uma depois do título.

Parágrafos

Para criar um parágrafo você só precisa digitar normalmente.

Para criar um novo parágrafo basta deixar uma linha em branco entre eles.

    Caso você queira indentar seu parágrafo você precisará utilizar uma gambiarra já que o tab tem uma funcionalidade no Markdown.

    Você precisa adicionar isso no começo do parágrafo para indentá-lo.

Ênfase

Citações

Simples

Markdown

> O homem é a medida de todas as coisas. [Protágoras]

Resultado

O homem é a medida de todas as coisas. [Protágoras]

Multiparágrafos

Markdown

> O homem é a medida de todas as coisas.
>
> Das coisas que são enquanto são e das coisas que não são equanto não são.

Resultado

O homem é a medida de todas as coisas.

Das coisas que são enquanto são e das coisas que não são enquanto não são.

Aninhadas

Markdown

> O homem é lobo do homem [Thomas Hobbes]
>
>> O homem nasce bom e a sociedade o corrompe [Jean-Jacques Rousseau]

Resultado

O homem é lobo do homem [Thomas Hobbes]

O homem nasce bom e a sociedade o corrompe [Jean-Jacques Rousseau]

Citações com outros elementos

Markdown

> #### Lista de compras.
>
> - Arroz.
> - Feijão.
> - Ovos.
>
>  **Melhor** combinação  de *comida*!

Resultado

Lista de compras!

• Arroz.
• Feijão.
• Ovos.

Melhor combinação de comida.

Código

Um bloco de código pode ser escrito entre ```(3 crases) da seguinte forma:

``` python
idade = int(input("Qual sua idade? "))
print("Maior de idade" if idade >= 18 else "Menor de idade")
```

Nesse caso você pode especificar ou não a linguagem de programação no topo para colorir termos de sintaxe.

idade = int(input("Qual sua idade? "))
print("Maior de idade" if idade >= 18 else "Menor de idade")

Ou com cada linha indentada com um tab ou 4 espaços vazios. O resultado é o seguinte:

idade = int(input("Qual sua idade? "))
print("Maior de idade" if idade >= 18 else "Menor de idade")

Linhas horizontais

Você pode adicionar linhas horizontais utilizando ---. Tome o cuidado de deixar uma linha vazia antes e depois do comando.

Markdown

Uma linha vazia antes...

---

...e outra depois.

Resultado

Links

Para adicionar um link basta colocar o texto do link entre colchetes e logo em seguida a URL entre parênteses da seguinte forma:

Markdown

Acesse o [Tabnews](https://www.tabnews.com.br/)! É muito massa.

Resultado

Acesse o Tabnews! É muito massa.

Caso as URLs fiquem muito grandes e atrapalhem a leitura do código você pode usar uma maneira alternativa.

Markdown

Acesse o [Tabnews][1] e siga o [Biridhin][2].

[1]: https://www.tabnews.com.br/
[2]: https://www.tabnews.com.br/Biridhin/

Resultado

Acesse o Tabnews e siga o Biridhin.

URLs e endereços de e-mail

Basta colocá-los entre os sinais de maior e menor.

Markdown

<https://www.markdownguide.org>
<fake@example.com>

Resultado

https://www.markdownguide.org fake@example.com

Imagens

Para adicionar uma imagem da internet você pode utilizar o seguinte comando:

Markdown

![joinha do schwarzenegger](https://conteudo.imguol.com.br/2013/03/20/montagem-do-tumblr-thumbs--ammo-mostra-o-personagem-terminator-arnold-schwarzenegger-dando-joinha-em-vez-de-apontar-uma-arma-em-cena-do-filme-o-exterminador-do-futuro-1363809846474_300x300.jpg.webp "Hasta la vista, baby!")

Resultado

Para usar uma imagem própria, você pode usar a recomendação do Leodeymison e hospedá-la no https://pt-br.imgbb.com/, ele retorna um link que você pode utilizar no comando acima.

Listas

Ordenadas

Os números não precisam estar em ordem mas o primeiro item deve começar com o número 1.

Você também pode criar sub itens.

Markdown

1. Pesquisar
    1. Em qual site?
    2. É confiável?
2. Selecionar
3. Digitar
    1. Em qual software?
4. Corrigir

Resultado

1. Pesquisar
   1. Em qual site?
   2. É confiável?
2. Selecionar
3. Digitar
   1. Em qual software?
4. Corrigir

Desordenadas

Markdown

- Arroz
- Feijão
- Batata
    - O que falta?
- Sucrilhos

Resultado

• Arroz
• Feijão
• Batata
  • O que falta?
• Sucrilhos

Elementos entre listas

Use tabulação, ou quatro espaços vazios.

Texto

Markdown

- Primeiro item.
- Segundo item.

    Parágrafo depois do segundo item.

- Terceiro item.

Resultado

• Primeiro item.

• Segundo item.

  Parágrafo depois do segundo item.

• Terceiro item.

Citação

Markdown

- Primeiro item.
- Segundo item.

    > Citação depois do segundo item.

- Terceiro item.

Resultado

• Primeiro item.

• Segundo item.

  Citação depois do segundo item.

• Terceiro item.

Bloco de código

Como o bloco de código usa um tab basta dar outro, assim, para colocar um bloco de código entre os elementos de uma lista basta dar dois tabs ou 8 espaços em branco.

Markdown

- Primeiro item.
- Segundo item.

        idade = int(input("Qual sua idade? "))
        print("Maior de idade" if idade >= 18 else "Menor de idade")
    
- Terceiro item.

Resultado

• Primeiro item.

• Segundo item.

    idade = int(input("Qual sua idade? "))
    print("Maior de idade" if idade >= 18 else "Menor de idade")
  

• Terceiro item.

Emoji

Se você quiser adicionar um emoji, caso esteja no windows basta usar a combinação Win + "." Isso vai abrir uma janela flutuante na qual tu poderás escolher o emoji que tu queres.

Considerações finais

Eu estou muito grato às pessoas que colaboraram agregando a esse material e sanaram minhas dúvidas. Acredito ter dado o devido crédito aos dois ao longo do artigo, citando suas contribuições. Espero que este artigo tenha te ajudado e se você tem algo mais a acrescentar ficaria grato se o fizesse nos comentários.