Adicionar um tema ao site do Pages usando Jekyll

Quem pode usar esse recurso?

O Pages está disponível em repositórios públicos com o Free e o Free para organizações, e em repositórios públicos e privados com o Pro, o Team, o Enterprise Cloud e o Enterprise Server. Para saber mais, confira Planos do .

O Pages agora usa o Actions para executar a compilação Jekyll. Ao usar uma ramificação como a origem da sua compilação, o Actions deverá estar habilitado em seu repositório se você quiser usar o fluxo de trabalho interno do Jekyll. Como alternativa, se o Actions não estiver disponível ou estiver desabilitado, adicionar um .nojekyll arquivo à raiz da ramificação de origem ignorará o processo de compilação do Jekyll e implantará o conteúdo diretamente. Para mais informações sobre ativar o Actions, confira Gerenciando as configurações do Actions para um repositório.

Neste artigo

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

Se você estiver publicando por meio de um branch, as alterações em seu site serão publicadas automaticamente quando as alterações forem mescladas na fonte de publicação do site. Se você estiver publicando por meio de um fluxo de trabalho personalizado de Actions, as alterações serão publicadas sempre que seu fluxo de trabalho for disparado (normalmente por um push para o branch padrão). Se desejar visualizar as alterações primeiro, faça as alterações localmente em vez de fazê-las no . Em seguida, teste seu site localmente. Para saber mais, confira Testar o site do Pages localmente com o Jekyll.

No , acesse o repositório do seu site.
Navegue até a fonte de publicação do seu site. Para saber mais, confira Configurar uma fonte de publicação para o site do Pages.
Navegue até _config.yml.
No canto superior direito da exibição de arquivo, clique em para abrir o editor de arquivos.
Observação
Em vez de editar o arquivo e fazer commit dele usando o editor de arquivos padrão, você pode optar por usar o editor de código .dev selecionando o menu suspenso e clicando em .dev. Você também pode clonar o repositório e editar o arquivo localmente por meio de Desktop clicando em Desktop .
Adicione uma nova linha ao arquivo para o nome do tema.
- Para usar um tema com suporte, digite theme: THEME-NAME, substituindo THEME-NAME pelo nome do tema, conforme mostrado no _config.yml do repositório do tema (a maioria dos temas seguem uma convenção de nomenclatura jekyll-theme-NAME). Para ver a lista de temas com suporte, confira Temas com suporte no site do Pages. Por exemplo, para selecionar o tema Mínima, digite theme: jekyll-theme-minimal.
- Para usar qualquer outro tema do Jekyll hospedado no , digite remote_theme: THEME-NAME, 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.
Se você tiver mais de um endereço de email associado à sua conta em , clique no menu suspenso do endereço de email e selecione o email a ser usado como o endereço de email do autor do Git. Apenas endereços de e-mail verificados aparecem neste menu suspenso. Se você habilitou a privacidade do endereço de email, um email sem resposta será o endereço de email do autor de commit padrão. Para obter mais informações sobre a forma exata que o endereço de email sem resposta pode assumir, confira Configurar o endereço de e-mail do commit.
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.

Estas instruções funcionam melhor com temas que são oficialmente compatíveis com Pages. Para ver uma lista completa de temas com suporte, confira Temas com suporte no site do Pages.

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 , acesse o repositório do seu site.
Navegue até a fonte de publicação do seu site. Para saber mais, confira Configurar uma fonte de publicação para o site do Pages.
Crie um arquivo chamado /assets/css/style.scss.
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 @import.

Estas instruções funcionam melhor com temas que são oficialmente compatíveis com Pages. Para ver uma lista completa de temas com suporte, confira Temas com suporte no site do Pages.

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 , navegue até o repositório de origem do tema. Por exemplo, o repositório de origem do Mínima é https://.com/pages-themes/minimal.
Na pasta _layouts, navegue até o arquivo_default.html do tema.
Copie o conteúdo do arquivo.
No , acesse o repositório do seu site.
Navegue até a fonte de publicação do seu site. Para saber mais, confira Configurar uma fonte de publicação para o site do Pages.
Crie um arquivo chamado _layouts/default.html.
Cole o conteúdo do layout padrão que você copiou anteriormente.
Personalize o layout como desejado.

Criar arquivos