Skip to main content

Como criar um ambiente local

Você pode executar o aplicativo do GitHub Docs localmente no computador.

Sobre a estrutura do site do GitHub Docs

Originalmente, o site do GitHub Docs era um aplicativo Web do Ruby on Rails. Algum tempo depois, ele foi convertido em um site estático do Jekyll. Alguns anos depois disso, ele foi migrado para o Nanoc, outro gerador de site estático do Ruby.

Hoje ele é um servidor Web Node.js dinâmico do Express, usando um middleware para dar suporte a redirecionamentos HTTP adequados, detecção de cabeçalho de linguagem e geração dinâmica de conteúdo a fim de dar suporte às diversas variantes de documentação do produto do GitHub, como o Free, Pro e Team e o GitHub Enterprise Server.

As ferramentas deste site mudaram ao longo dos anos, porém, muitas das convenções de criação testadas e aprovadas do site original em Jekyll foram preservadas.

  • O conteúdo é escrito em arquivos Markdown, que se encontram no diretório content.
  • Os arquivos do diretório data estão disponíveis para os modelos por meio da tag {% data %}.
  • Os arquivos Markdown podem conter uma matéria frontal.
  • Há suporte para o comportamento do plug-in redirect_from do Jekyll.

Configurando o ambiente local

Você pode clonar o repositório GitHub Docs e executar o aplicativo localmente no computador, após uma configuração inicial.

Como instalar o Node.js

O site do GitHub Docs foi criado com a plataforma Node.js. Ele é executado em ambientes macOS, Windows e Linux.

Para executar o site, você precisará ter o Node.js. Para instalar o Node.js, baixe o instalador "LTS" de nodejs.org. Para verificar a versão do Node de que você precisa, confira o arquivo package.json no repositório GitHub Docs. A versão do Node está listada no campo engine, semelhante ao exemplo a seguir, que indica que você pode usar a versão principal do Node 16 ou a versão principal do Node 18.

"engines": {
    "node": "^16 || ^18"
}

Se estiver usando o nodenv, confira a documentação do nodenv para obter instruções sobre como alternar entre versões do Node.js.

Como iniciar um servidor local do GitHub Docs

Depois de instalar o Node.js (que inclui o popular gerenciador de pacotes npm), abra o terminal e execute os comandos a seguir.

git clone https://github.com/github/docs
cd docs
npm ci
npm start

Você já deverá ter um servidor em execução. Para acessar o ambiente de visualização local, acesse localhost:4000 no navegador.

Quando estiver pronto para interromper o servidor local, digite CTRL+C na janela do terminal.

Observação: normalmente, você só deve executar npm ci e npm run build cada vez que efetua pull da última versão de um branch.

  • O npm ci faz uma instalação limpa de dependências, sem atualizar o arquivo package-lock.json.
  • O npm run build cria ativos estáticos, como arquivos JavaScript e CSS.

Caso deseje ler mais sobre depuração e solução de problemas do aplicativo GitHub Docs, confira "Solução de problemas no seu ambiente" no repositório github/docs.

Como usar atalhos do navegador

O diretório src/bookmarklets no repositório GitHub Docs contém atalhos de navegador que podem ajudar na revisão da documentação do GitHub. Para obter mais informações, confira o README do diretório.

Como habilitar idiomas diferentes

Por padrão, o servidor local não é executado com todos os idiomas com suporte habilitados. Caso você precise executar um servidor local com um idioma específico, edite temporariamente o script start em package.json e atualize a variável ENABLED_LANGUAGES.

Por exemplo, para habilitar o japonês e o português além do inglês, edite package.json e defina ENABLED_LANGUAGES='en,ja,pt' no script start. Em seguida, reinicie o servidor para que a alteração entre em vigor.

Observação: antes de fazer commit das alterações, você deve reverter o arquivo package.json para o estado original.

Os códigos de idioma com suporte são definidos em src/languages/lib/languages.js.

Como usar o GitHub Codespaces

Como alternativa à execução do GitHub Docs localmente, você pode usar o GitHub Codespaces. O GitHub Codespaces permite que você edite, visualize e teste suas alterações diretamente no navegador.

Para obter mais informações sobre como usar um codespace para trabalhar na documentação do GitHub, confira "Como trabalhar no GitHub Docs em um codespace".

Leitura adicional