Hallo, Entdecker! An dieser Seite wird aktiv gearbeitet, oder sie wird noch übersetzt. Die neuesten und genauesten Informationen findest Du in unserer englischsprachigen Dokumentation.

Diese Version von GitHub Enterprise wurde eingestellt am 2021-03-02. Es wird keine Patch-Freigabe vorgenommen, auch nicht für kritische Sicherheitsprobleme. Für eine bessere Leistung, verbesserte Sicherheit und neue Features nimm ein Upgrade auf die neueste Version von GitHub Enterprise vor. Wende Dich an den GitHub Enterprise-Support, um Hilfe beim Upgrade zu erhalten.

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

Du kannst Deine Jekyll-Website personalisieren, indem Du ein Design hinzufügst und anpasst.

GitHub Pages is available in public repositories with GitHub Free and GitHub Free for organizations, and in public and private repositories with GitHub Pro, GitHub Team, GitHub Enterprise Cloud, and GitHub Enterprise Server.

Inhalt dieses Artikels

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 Server. Dann teste Deine Website lokal. Weitere Informationen findest Du unter „Deine GitHub Pages-Website lokal mit Jekyll testen.“

Ein Design hinzufügen

  1. Navigiere in GitHub Enterprise Server 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. Klicken Sie in der oberen rechten Ecke der Dateiansicht auf , um den Datei-Editor zu öffnen.

    Schaltfläche „Edit file" (Datei bearbeiten)

  5. Füge in der Datei eine neue Zeile mit den Namen des Designs hinzu.

    • To use a supported theme, type theme: THEME-NAME, replacing THEME-NAME with the name of the theme as shown in the README of the theme's repository. Eine Liste der unterstützten Designs findest Du unter „Unterstützte Designs“ auf der GitHub Pages-Website.
      Supported theme in config file
    • Um ein anderes Jekyll-Design zu verwenden, das auf GitHub gehostet wird, gib remote_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.
      Unsupported theme in config file
  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"

    Commit-Mitteilung für Deine Änderung

  7. Lege unter den Commit-Mitteilungsfeldern fest, ob Du Deinen Commit zum aktuellen Branch oder zu einem neuen Branch hinzufügen möchtest. 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."

    Branch-Optionen für Commit

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

    Schaltfläche „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 Server 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. Navigieren Sie auf GitHub zum Quell-Repository Ihres 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 Server 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