/ose-srd

Tradução do SRD do Old School Essentials

Primary LanguageJavaScriptMIT LicenseMIT

OSE SRD

Repositório dos dados do OSE SRD

Rodando localmente

  1. Instalar NodeJS
  2. (Recomendado) Instalar Github Desktop
  3. (Recomendado) Instalar Visual Studio Code
  4. (Recomendado) Instalar Git for Windows
  5. Reiniciar a máquina após instalar todos os aplicativos
  6. Clonar o repositório

Para isso, abra o Github Desktop.

Vá até o menu File -> New, e escolha Clone Repository

Clone Repository...

Na janela que irá se abrir, você precisa preencher dois campos:

  • Repository URL: o endereço do repositório que você está clonando. No caso deste repositório é pedroleone/ose-srd
  • Local path: onde vai ficar os arquivos que você vai copiar para a sua máquina. Escolha um diretório vazio.

Dados

Após a cópia dos arquivos, a tela do Github vai ficar assim:

Tela

  1. Rodar localmente o site

Na mesma tela anterior, clique em "Show in Explorer", ou abra manualmente a pasta que você copiou os arquivos.

No Explorer, clique com o botão direito em um espaço vazio e escolha "Git Bash here"

Tela

Irá abrir uma tela de comando como a abaixo:

Tela

Digite "npm install" (sem as aspas), pressione enter e aguarde terminar a instalação. Este processo é demorado e pode levar um tempo até aparecer alguma coisa na tela. Isso é normal.

Tela

Depois que finalizar, digite "gatsby develop" (sem as aspas) e pressione enter.

Tela

Aguarde alguns minutos e se der tudo certo, irá exibir a seguinte mensagem:

Tela

Agora você pode abrir a página no http://localhost:8000 para visualizar o site:

Tela

  1. Editar os arquivos

Para isso sugiro utilizar o Visual Studio Code.

No diretório que você copiou o site, clique com botão direito num espaço vazio e escolha Open With Code Tela

Os arquivos com o texto ficam na pasta "content":

Tela

Você pode editar o arquivo, e quando salvar o site será automaticamente atualizado:

Tela

Para editar uma dica é no Visual Studio Code, apertar a combinação "Ctrl+K" e depois "V". Isso irá abrir uma visualização do markdown ao lado:

Tela