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. Navigieren Sie zur Datei _config.yml.

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

   

5. Fügen Sie in der Datei eine neue Zeile mit den Namen des Designs hinzu. Geben Sie theme: THEME-NAME ein und ersetzen 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 finden Sie 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. Wenn Dein aktueller Branch Master ist, solltest Du einen neuen Branch für Deinen Commit erstellen und dann einen Pull-Request erstellen. Weitere Informationen findest Du unter „Erstellen eines neuen Pull-Requests."

   

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

   

Das CSS Ihres 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. Erstellen Sie eine neue Datei mit den Namen /assets/css/style.scss.

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

   ---
   ---
   
   @import "";
   

5. Fügen Sie direkt nach der Zeile @import ggf. das gewünschte benutzerdefinierte CSS oder Sass (einschließlich Importen) hinzu.

Das HTML-Layout Ihres Designs anpassen

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

1. Navigieren Sie auf GitHub zum Quell-Repository Ihres Designs. Das Quell-Repository für Minima ist beispielsweise https://github.com/jekyll/minima.
2. Navigieren Sie im Ordner _layouts (Layouts) zur Datei default.html Ihres Designs.
3. Kopieren Sie 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. Erstellen Sie eine Datei mit dem Namen _layouts/default.html.
7. Fügen Sie den zuvor kopierten Inhalt des Standardlayouts ein.
8. Passen Sie das Layout nach Ihren Vorstellungen an.

Weiterführende Informationen

• „Neue Dateien erstellen“