Wikia Habitica
Advertisement

Markdown é uma maneira de formatar textos e de inserir imagens. Ele pode ser usado nos seguintes recursos do Habitica:

As imagens inseridas com Markdown podem ser hospedadas de qualquer site. (Emojis também podem ser usados para inserir pequenas imagens sem precisar do Markdown, porém as imagens disponíveis para seleção são limitadas.)

Perceba que, em aplicativos móveis, a formatação produzida pelo Markdown (conforme mostrado na tabela abaixo) pode não ser exibida como esperado.

Não use Glitch Text no Habitica. Ele não é exibido corretamente na maioria das vezes, e também não funciona em programas de tradução ou em leitores de tela. 

Para algumas ideias de como usar Markdown para melhorar ainda mais sua experiência no Habitica, veja Markdown: Casos de Uso em Destaque.

Exemplos de Markdown

Como mostrado na tabela abaixo, cabeçalhos de diferentes tamanhos podem ser criados ao preceder o texto com uma ou mais # (hashtags). O Markdown possibilita seis tamanhos de cabeçalho (C1-C6); o menor cabeçalho usa seis hashtags. As hashtags devem estar no início da linha e deve haver um espaço entre elas e o texto do cabeçalho; caso contrário, as hashtags continuarão visíveis e o texto não terá seu tamanho ampliado. No bate-papo, só use cabeçalhos quando for essencial, porque eles ocupam muito espaço.

Você vê Você digita Notas
Cabeçalho 1 # Cabeçalho 1 Veja as notas acima sobre cabeçalhos.
Cabeçalho 2 ## Cabeçalho 2
Cabeçalho 3 ### Cabeçalho 3
Texto em itálico *Texto em itálico*

_Texto em itálico_

O _ pode ser usado no lugar do *
Texto em negrito **Texto em negrito**
Texto taxado/riscado ~~Texto taxado/riscado~~
Texto em itálico & negrito ***Texto em itálico & negrito***
_Texto sem Itálico_

# Não é um Cabeçalho

**Texto sem Negrito**

\_Texto sem Itálico\_

\# Não é um Cabeçalho

\*\*Texto sem Negrito\*\*

Caso queira digitar o símbolo usado no Markdown sem formatar algo com ele, coloque uma barra inversa/invertida antes de cada símbolo.
Code.png
`código` Para usuários internacionais que não possuem o caractere ` (backtick) no teclado, você pode inserir o mesmo digitando "96" enquanto pressiona a tecla ALT.
Quoted Text.png
>Citação Múltiplos caracteres ">" podem ser usados para quoted quotes
HighlightedParagraph.png
Após "Este é um texto padrão", digite Enter ou Shift-Enter duas vezes para começar um novo parágrafo. Insira quatro espaços antes de "Este é um parágrafo em destaque." Use isso para destacar um parágrafo.
Multi paragraph code block.png
Em uma nova linha, digite três backticks (```). Nas linhas subsequentes, digite o texto ou o código. Finalize o bloco de código com outra linhas de três backticks (```).

Parágrafos longos não serão quebrados automaticamente. Para obter uma quebra de linhas como na imagem mostrada à esquerda, insira essa quebra manualmente.

Digitar Enter ou Shift-Enter cria uma quebra de linha. Digitar Enter ou Shift-Enter duas vezes adiciona uma linha em branco.

Diferente do método para destacar textos mostrado anteriormente, nesse não é preciso inserir os quatro espaços no início de todo parágrafo.

Blocos de código do Markdown são exibidos como um texto sem formatação, e geralmente são utilizados para exibição de códigos de softwares.

Para usuários internacionais que não possuem o caractere ` (backtick) no teclado, você pode inserir o mesmo digitando "96" enquanto pressiona a tecla ALT.

Uma linha de texto
Outra embaixo dela
Insira dois espaços após a primeira linha e pressione Enter ou Shift-Enter uma vez para produzir isso. Digite o texto, insira dois espaços, vá para a próxima linha, digite o texto.

Uma linha de texto

Outra embaixo dela com um espaço separando as duas

Digite Enter ou Shift-Enter duas vezes em uma janela de bate-papo para produzir isso. Antes de enviar, o seu texto deve ter essa aparência:

Uma linha de texto

Outra embaixo dela com um espaço separando as duas
Digite o texto, crie uma linha em branco, digite o texto.
   Espaçar    Texto    Manualmente Use   na frente das palavras para obter múltiplos espaçamentos entre elas. Isso é ótimo para centralizar ou tabular cabeçalhos de tarefas.
• Listas Não Ordenadas (Com Marcadores) Em uma nova linha, digite + ou * ou - seguido por um espaço. Para usuários internacionais que não possuem o caractere + (mais) no teclado, você pode inserir o mesmo digitando "43" enquanto pressiona a tecla ALT.
1. Listas Ordenadas (Com Números) Em uma nova linha, digite 1. seguido por um espaço.
Linha Horizontal Digite Enter ou Shift-Enter duas vezes, ---, e Enter ou Shift-Enter mais duas vezes em uma janela de bate-papo para produzir isso. Como alternativa, digite Enter ou Shift-Enter uma vez, três underlines (___), e digite Enter ou Shift-Enter novamente. Digite o texto, crie uma linha em branco, digite três travessões, crie uma linha em branco, digite o texto. -OU- Digite o texto, vá para a próxima linha, digite três travessões, vá para a próxima linha, digite o texto. Perceba que a linha horizontal criada por ambos os métodos não é exibida nos aplicativos móveis.
Tabela de Texto

Primeiro Cabeçalho Segundo Cabeçalho
Célula de Conteúdo  Célula de Conteúdo
Célula de Conteúdo  Célula de Conteúdo

Primeiro Cabeçalho | Segundo Cabeçalho
------------- | -------------
Célula de Conteúdo | Célula de Conteúdo
Célula de Conteúdo | Célula de Conteúdo

Bom para alinhar o texto com o cabeçalho automaticamente.

Apenas três hífens são necessários (---); todavia, mesmo usando mais do que três ele ainda vai renderizar corretamente.

Habitica [Hipertexto do link](URLdoSeuSiteAqui)

Por exemplo:
[Habitica](https://habitica.com)

Perceba que não há espaço entre o parêntese e o colchete. Em endereços do Habitica, certifique-se de não incluir o "www.".
Zombie hatching potion
![texto alt](URLdaSuaImagemAqui "título opcional de passagem de mouse") O texto alt contém um texto alternativo a ser mostrado no lugar de uma imagem caso ela não possa ser exibida, seja devido a uma conexão lenta, um erro no URL ou caso alguém use um leitor de tela. O texto alt deve estar presente. Insira o URL completo da sua imagem (que será redimensionada).
Emoji-smiley.png
:smiley: A tabela de referência de Emojis possui centenas de emojis, mas se o código não funcionar, você pode usar o seu visualizador de caracteres (character viewer), do (Mac ou Windows) para inserir um.

–
—
entidades HTML são suportadas no Markdown. Para usá-las, simplesmente digite ou insira uma parte do texto ("string"). A string começa com um "e" comercial (&) e termina com um ponto e vírgula (;).

Soluções Alternativas de Markdown

Markdown pode ser extremamente útil, mas ás vezes os atalhos criados com ele podem causar problemas. A tabela a seguir contém alguns problemas conhecidos e sugestões sugeridas.

Você vê Você queria Solução Notas
1. Item Um

1. Item Dois

1. Item Três

1. Item Um

2. Item Dois

3. Item Três

1\. Item Um

2\. Item Dois

3\. Item Três

Markdown interpreta uma linha que começa com um número seguido por um ponto como uma lista de itens numerados. Se o Markdown está redefinindo a numeração quando não deveria, inserir uma barra inversa/invertida entre o número e o ponto resolve o problema.

Truques de Markdown

A tabela a seguir inclui alguns truques que são úteis em qualquer lugar que o Markdown possa ser interpretado.

Você vê Você digita Notas
Uma barra de progresso que pode ser manualmente atualizada para exibir o seu progresso em uma tarefa grande.
![progress](https://progress-bar.dev/28/ "progresso") Barras de progresso podem ser incorporadas ao Habitica para exibir o progresso relativo de cada Hábito, Diária, Tarefa (ou até para cada item da lista de tarefas), ou Recompensa, bem como todo o restante do Habitica onde Markdown é suportado.

Progress bars Sample.png

Veja a página do projeto no Github para mais exemplos.

Fórmulas matemáticas e gráficos (LaTeX)

Exemplo (clique para aumentar)

![texto alt](URLdaSuaImagemAqui "título opcional de passagem de mouse")

Substitua 'URLdaSuaImagemAqui' por um link para imagem gerado da seguinte forma:

  1. Insira sua string matemática em QuickLaTeX (TikZ também é suportado) e selecione as opções de sua preferência. Se você não está familiarizado com a sintaxe do LaTeX, tente um editor visual online, como o HostMath, para criar uma string que possa ser copiada para na caixa de entrada do QuickLaTex.
  2. Clique no botão Render. O site renderiza uma imagem que é hospedada no servidor, e cria um link para a mesma.
Usa a sintaxe de imagem regular do Markdown para inserir fórmulas matemáticas e gráficos.

O texto alt contém um texto alternativo a ser mostrado no lugar de uma imagem caso ela não possa ser exibida, seja devido a uma conexão lenta, um erro no URL ou caso alguém use um leitor de tela. O texto alt deve estar presente. Insira o URL completo da sua imagem (que será redimensionada).

Veja Também


Nota de Tradução

  1. Guia Oficial de Sintaxe de Markdown
  2. O que é Markdown?
Advertisement