Blog Sanctuary

Como abrir README no navegador com formatação Markdown

Abra README.md no navegador com formatação, índice, código e Mermaid. Use arquivo local, texto colado ou URL raw, sem instalar extensões.

Atualizado
readmemarkdownnavegadordocumentacao

Neste artigo
  1. A estrutura de um bom README
  2. Seções essenciais em exemplos
  3. Badges sem poluir a leitura
  4. Exemplos de README bem resolvidos
  5. Checklist de revisão

Um README.md é a porta de entrada de um projeto. Ele deve responder rapidamente o que o projeto faz, como começar e onde encontrar detalhes. Se você recebeu o arquivo fora do repositório, use o guia para abrir Markdown no navegador e depois concentre a revisão no conteúdo abaixo. Times que revisam READMEs, RFCs e specs com frequência costumam usar um editor Markdown para desenvolvedores para manter esse fluxo dentro do navegador.

A estrutura de um bom README

Um README útil é escaneável: títulos informativos, parágrafos curtos e comandos que podem ser copiados. Se a sintaxe de algum desses elementos não estiver clara, a referência Markdown em português reúne títulos, listas, tabelas e código com exemplos lado a lado. A ordem pode mudar conforme o projeto, mas a pessoa leitora normalmente precisa destas respostas:

  1. O que é: nome, resumo em uma frase e, se necessário, uma captura de tela.
  2. Por que usar: problema resolvido e público esperado.
  3. Como instalar: pré-requisitos, versão de runtime e comandos completos.
  4. Como usar: primeiro exemplo funcional, opções principais e saída esperada.
  5. Configuração: variáveis de ambiente, arquivos de configuração e valores padrão.
  6. Estrutura: mapa curto das pastas ou módulos mais importantes.
  7. Contribuição: como executar testes, abrir uma issue e enviar uma alteração.
  8. Licença e contato: licença do código e canal para dúvidas.

Não transforme cada detalhe em uma seção obrigatória. Se a instalação é trivial, mantenha-a curta e use links para a documentação aprofundada.

Seções essenciais em exemplos

# Nome do projeto

## Instalação

```bash
npm install
```

## Uso

```bash
npm run dev
```

## Configuração

| Variável | Descrição |
|---|---|
| API_URL | URL da API |

Se esse conteúdo renderiza com títulos, comandos e tabela, o README fica muito mais fácil de revisar. Veja como o Sanctuary Reader renderiza tabelas e código antes de colar um exemplo assim para revisão.

Badges sem poluir a leitura

Badges funcionam bem logo abaixo do título quando comunicam um estado verificável: build, versão publicada, cobertura de testes ou licença. Use texto alternativo descritivo, mantenha poucos badges e remova os que deixaram de ser atualizados. Um badge quebrado passa uma impressão pior do que nenhum badge.

Exemplos de README bem resolvidos

Se você está começando do zero, o guia de como criar um arquivo Markdown do zero cobre a extensão certa e o editor mais simples para o primeiro rascunho. Um projeto de linha de comando pode começar com instalação, um comando mínimo e uma saída de exemplo. Uma biblioteca pode mostrar a instalação pelo gerenciador de pacotes, um trecho de importação e um link para a API completa. Uma aplicação web pode priorizar captura de tela, requisitos, configuração local e um roteiro para executar o ambiente de desenvolvimento.

Em todos os casos, o exemplo deve ser copiável e coerente com a versão atual do projeto. Evite comandos genéricos que não funcionam ou imagens sem descrição. Se o README contém tabelas, diagramas ou blocos longos de código, um preview Markdown facilita a revisão visual.

Checklist de revisão

  • O primeiro H1 identifica o projeto?
  • Uma pessoa nova consegue instalar sem adivinhar passos?
  • O exemplo principal mostra entrada e resultado?
  • Comandos têm a linguagem correta no bloco de código?
  • Links internos continuam válidos?
  • Badges e números refletem o estado atual?
  • Há instruções para contribuir e licença?

Para um README longo, transformar cada item em cards de estudo por seção facilita revisar aos poucos sem perder o fio.

Se o README já está publicado, dá para conferi-lo pelo endereço do repositório em abrir Markdown por URL, antes de clonar. Depois de revisar, abra o editor se precisar corrigir o conteúdo e baixe o .md atualizado. Para documentação maior, veja revisar documentação técnica Markdown e editor Markdown para documentação técnica.

Abrir um README pela URL do repositório →