Ein Design zur GitHub Pages-Website mit Jekyll hinzufügen

Personen mit Schreibberechtigungen für ein Repository können mit Jekyll ein Design zu einer GitHub Pages-Website hinzufügen.

Änderungen an Deiner Website werden automatisch veröffentlicht, wenn die Änderungen in der Veröffentlichungsquelle Deiner Website zusammengeführt werden. Wenn Du zuerst eine Vorschau Ihrer Änderungen sehen möchtest, kannst Du die Änderungen lokal vornehmen statt auf GitHub Enterprise. Dann teste Deine Website lokal. Weitere Informationen findest Du unter „GitHub Pages-Website lokal mit Jekyll testen“.

Ein Design hinzufügen

1. Navigiere in GitHub Enterprise zum Repository Deiner Website.

2. Navigiere zur Veröffentlichungsquelle für Deine Website. Weitere Informationen zu Veröffentlichungsquellen findest Du unter „Informationen zu GitHub Pages“.

3. Navigiere zur Datei _config.yml.

4. Klicke in der oberen rechten Ecke der Dateiansicht auf , um den Datei-Editor zu öffnen.

   

5. Füge in der Datei eine neue Zeile mit den Namen des Designs hinzu. Gib theme: THEME-NAME ein und ersetze dabei THEME-NAME durch den Namen des Designs, der in der README-Datei des Repositorys des Designs aufgeführt ist. Eine Liste der unterstützten Designs findest Du unter „Unterstützte Designs“ auf der GitHub Pages-Website.

   

6. Am Ende der Seite schreibe eine kurze, aussagekräftige Commit-Mitteilung, welche die Änderung beschreibt, welche Du an der Datei vornimmst. Du kannst den Commit in der Commit-Mitteilung mehr als einem Autor zuordnen. Weitere Informationen findest Du unter "Erstellen eines Commit mit mehreren Co-Autoren"

   

7. Lege unter den Commit-Mitteilungsfeldern fest, ob Du Dein Commit zum aktuellen Branch oder zu einem neuen Branch hinzufügen möchten. If your current branch is the default branch, you should choose to create a new branch for your commit and then create a pull request. Weitere Informationen findest Du unter „Erstellen eines neuen Pull Requests."

   

8. Klicke auf Propose file change (Dateiänderung vorschlagen).

   

Das CSS Deines Designs anpassen

Das Quell-Repository Deines Design bietet möglicherweise Hilfe beim Anpassen Deines Design. Beispiele findest Du auf „Minima's README."

1. Navigiere in GitHub Enterprise zum Repository Deiner Website.

2. Navigiere zur Veröffentlichungsquelle für Deine Website. Weitere Informationen zu Veröffentlichungsquellen findest Du unter „Informationen zu GitHub Pages“.

3. Erstelle eine neue Datei mit den Namen /assets/css/style.scss.

4. Füge oben in der Datei den folgenden Inhalt hinzu:

   ---
   ---
   
   @import "";
   

5. Füge direkt nach der Zeile @import das gewünschte benutzerdefinierte CSS oder Sass (einschließlich Importe) hinzu.

Das HTML-Layout Deines Designs anpassen

Das Quell-Repository Deines Design bietet möglicherweise Hilfe beim Anpassen Deines Design. Beispiele findest Du auf „Minima's README."

1. Navigiere auf GitHub zum Quell-Repository Deines Designs. Das Quell-Repository für Minima ist beispielsweise https://github.com/jekyll/minima.
2. Navigiere im Ordner _layouts (Layouts) zur Datei default.html Deines Designs.
3. Kopiere den Inhalt der Datei.
4. Navigiere in GitHub Enterprise zum Repository Deiner Website.
5. Navigiere zur Veröffentlichungsquelle für Deine Website. Weitere Informationen zu Veröffentlichungsquellen findest Du unter „Informationen zu GitHub Pages“.
6. Erstelle eine Datei mit dem Namen _layouts/default.html.
7. Füge den zuvor kopierten Inhalt des Standardlayouts ein.
8. Passe das Layout nach Deinen Vorstellungen an.

Weiterführende Informationen

• „Neue Dateien erstellen“