Adicionar um tema ao site do GitHub Pages usando Jekyll

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

Changes to your site are published automatically when the changes are merged into your site's publishing source. If you want to preview your changes first, you can make the changes locally instead of on GitHub Enterprise Server. Em seguida, teste seu site localmente. Para obter mais informações, consulte "Testar seu site do GitHub Pages localmente com o Jekyll".

Adicionar um tema

1. Em GitHub Enterprise Server, acesse o repositório do seu site.

2. Navegue até a fonte de publicação do seu site. For more information, see "Configuring a publishing source for your GitHub Pages site."

3. Navegue até _config.yml.

4. No canto superior direito da exibição do arquivo, clique em para abrir o editor de arquivos.

   

5. Adicione uma nova linha ao arquivo para o nome do tema.

   • Para usar um tema compatível, digite theme: THEME-NAME, substituindo THEME-NAME pelo nome do tema, conforme mostrado no README do repositório do tema. Para obter uma lista de temas compatíveis, consulte "Temas compatíveis" no site do GitHub Pages.
   • Para usar qualquer outro tema do Jekyll hospedado em GitHub, digite remote_theme: THEME-NAME, substituindo THEME-NAME pelo nome do tema, como mostrado no README do repositório do tema.

6. No final da página, digite uma mensagem de commit curta e significativa que descreva a alteração feita no arquivo. Você pode atribuir o commit a mais de um autor na mensagem de commit. Para obter mais informações, consulte "Criar um commit com vários co-autores."

7. 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 obter mais informações, consulte "Criar uma nova pull request."

8. Clique em Propose file change (Propor alteração no arquivo).

Personalizar o CSS do tema

O repositório de origem do seu tema pode oferecer alguma ajuda na personalização do tema. Por exemplo, consulte o "README de Minima."

1. Em GitHub Enterprise Server, acesse o repositório do seu site.

2. Navegue até a fonte de publicação do seu site. For more information, see "Configuring a publishing source for your GitHub Pages site."

3. Crie um novo arquivo chamado /assets/css/style.scss.

4. Adicione o seguinte conteúdo ao topo do arquivo:

   ---
   ---
   
   @import "{{ site.theme }}";
   

5. Adicione o CSS ou Sass personalizado (incluindo importações) que deseja imediatamente após a linha @import.

Personalizar o layout HTML do tema

O repositório de origem do seu tema pode oferecer alguma ajuda na personalização do tema. Por exemplo, consulte o "README de Minima."

1. No GitHub, navegue até o repositório de origem do tema. Por exemplo, o repositório de origem do Minima é https://github.com/jekyll/minima.
2. Na pasta _layouts, navegue até o arquivo default.html do tema.
3. Copie o conteúdo do arquivo.
4. Em GitHub Enterprise Server, acesse o repositório do seu site.
5. Navegue até a fonte de publicação do seu site. For more information, see "Configuring a publishing source for your GitHub Pages site."
6. Crie um arquivo chamado _layouts/default.html.
7. Cole o conteúdo do layout padrão que você copiou anteriormente.
8. Personalize o layout como desejado.

Leia mais

• "Criar arquivos"