Try   HackMD

hackmd.io/@villares/github-io-comofaz

Como fazer uma página pessoal no GitHub

Sumário

Início

  • Criar uma conta (escolher um <username>)
  • Criar um repositório chamado username.github.io
    • imediatamente crie um novo arquivo, por exemplo README.md que vai ser a página de entrada do seu site.
  • Ajustar/Ativar Configuração "Github Pages"

Extras - opcionais

Domínio próprio

Avançado - Ajustar layout base HTML

  • Crie arquivo _layouts/default.html com add file > create new file (durante a criação do arquivo, ao digitar a barra diagonal o GitHub entende que deve ser criada a apasta _layouts)

Este exemplo aqui é sem o título que tem no layout padrão:

    <!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>CAYTU</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
   
  </head>
  <body>

    <article> 
    <div class="content">
      {{ content }}
    </div>
  </article>  
    <footer>
      <div class="container">
      </div>
    </footer>
  </body>
</html>
  • Pode acrescenatar assets
    • Pode criar um arquivo CSS
    • Pode subir um Favicon (ícone par o site)
      • acrescentar no default.html <link rel="icon" href="/assets/favicon-32.png" sizes="32x32">