Adicionando um tema ao site GitHub Pages usando o Jekyll

Observação

Embora o gem github-pages continue tendo suporte para alguns fluxos de trabalho, GitHub Actions agora é a abordagem recomendada para implantar e automatizar sites do GitHub Pages.

Pessoas com permissões de gravação para um repositório podem adicionar um tema a um site do GitHub Pages usando Jekyll.

Temas com suporte

Os seguintes temas têm suporte sem necessidade de configuração:

Architect
Cayman
Dinky
Hacker
Dia bissexto
Merlot
Meia-noite
Minima
Mínimo
Modernista
Slate
Tactile
Computador de tempo

O plugin Jekyll também está disponível e permite que você carregue outros temas.

Adicionar um tema

No GitHub, acesse o repositório do seu site.
Navegue até a fonte de publicação do seu site. Para saber mais, confira Configurando uma fonte de publicação para seu site GitHub Pages.
Navegue até .
No canto superior direito da exibição de arquivo, clique em para abrir o editor de arquivos.
Adicione uma nova linha ao arquivo para o nome do tema.
- Para usar um tema com suporte, digite , substituindo THEME-NAME pelo nome do tema, conforme mostrado no do repositório do tema (a maioria dos temas seguem uma convenção de nomenclatura ). Para ver a lista de temas com suporte, confira Temas com suporte no site do GitHub Pages. Por exemplo, para selecionar o tema Mínima, digite .
- Para usar qualquer outro tema do Jekyll hospedado no GitHub, digite , substituindo THEME-NAME pelo nome do tema, conforme mostrado no LEIAME do repositório do tema.
Clique em Fazer commit das alterações...
No campo "Mensagem do commit", digite uma mensagem curta e relevante que descreva a alteração que você fez no arquivo. Você pode atribuir o commit a mais de um autor na mensagem de commit. Para saber mais, confira Criar um commit com vários autores.
Abaixo dos campos de mensagem do commit, opte por adicionar o commit ao branch atual ou a um novo branch. Se seu branch atual for o branch-padrão, você deverá optar por criar um novo branch para seu commit e, em seguida, criar um pull request. Para saber mais, confira Como criar uma solicitação de pull.
Clique em Fazer commit de alterações ou em Propor alterações.

Personalizar o CSS do tema

O repositório de origem do seu tema pode oferecer alguma ajuda na personalização do tema. Por exemplo, confira o LEIAME da Mínima.

No GitHub, acesse o repositório do seu site.
Navegue até a fonte de publicação do seu site. Para saber mais, confira Configurando uma fonte de publicação para seu site GitHub Pages.
Crie um arquivo chamado .
Adicione o seguinte conteúdo ao topo do arquivo:
```
---
---

@import "{{ site.theme }}";
```
Adicione qualquer CSS ou Sass personalizado que desejar (incluindo as importações) imediatamente após a linha .

Personalizar o layout HTML do tema