Explorador de Markdown

Guia do Explorador de Markdown

O Markdown é uma linguagem de marcação leve e extremamente eficiente, criada para facilitar a formatação de texto na web sem a necessidade de tags HTML complexas. Este documento reúne os principais elementos para você testar a renderização, o estilo e as funcionalidades do seu editor.

1. Estilos de Texto e Destaques

Você pode aplicar diferentes estilos ao seu texto de forma simples:

• Este texto está em itálico (ou assim).

• Este texto está em negrito (ou assim).

• Este texto combina itálico e negrito.

• Você também pode usar ~texto tachado~ para indicar correções.

• Termos técnicos podem ser destacados com código inline para facilitar a leitura.

Nota de Destaque: As citações em bloco (blockquotes) são ideais para destacar avisos, trechos importantes ou frases inspiradoras.

Dica extra: É possível aninhar citações para criar níveis de leitura.

2. Listas e Organização

Listas Não Ordenadas (Tarefas ou Itens)

• Frontend:

  
  

  • HTML5 / CSS3

  • React / Vue.js

  • Tailwind CSS

• Backend:

  
  

  • Node.js

  • Python

  • PostgreSQL

Listas Ordenadas (Passo a Passo)

1. Escreva seu texto usando a sintaxe simples do Markdown.

2. Salve o arquivo com a extensão .md.

3. Visualize o resultado renderizado no seu editor favorito.

Lista de Checagem (Task List)

• [x] Configurar o ambiente de desenvolvimento

• [x] Criar a estrutura básica do documento

• [em andamento] Testar a renderização do editor

• [ ] Publicar o artigo final

3. Tabela Comparativa

4. Blocos de Código

Abaixo está um exemplo de bloco de código com destaque de sintaxe para JavaScript:

JavaScript

// Função para calcular o fatorial de um número
function calcularFatorial(n) {
  if (n === 0 || n === 1) {
    return 1;
  }
  return n * calcularFatorial(n - 1);
}

const numero = 5;
console.log(`O fatorial de ${numero} é: ${calcularFatorial(numero)}`);

E um exemplo simples em Python:

Python

def dar_boas_vindas(nome: str) -> str:
    return f"Olá, {nome}! Bem-vindo ao editor de Markdown."

print(dar_boas_vindas("Dev"))

5. Expressões Matemáticas (LaTeX)

Se o seu editor tiver suporte a KaTeX ou MathJax, a equação de equivalência massa-energia de Einstein deve ser renderizada abaixo:

$$E = mc^2$$

Também é possível usar fórmulas inline, como $a^2 + b^2 = c^2$, para integrar matemática diretamente ao fluxo do parágrafo.

6. Links e Mídia

• Acesse a Documentação Oficial do Markdown para aprender mais.

• Imagem de exemplo:

Como o seu editor se saiu na renderização de tabelas, blocos de código e fórmulas matemáticas?