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

Inhalt dieses Artikels

• Ein Design hinzufügen
• Das CSS Ihres Designs anpassen
• Das HTML-Layout Ihres Designs anpassen
• Weiterführende Informationen

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

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. Then, test your site locally. Weitere Informationen finden Sie unter „GitHub Pages-Website lokal mit Jekyll testen“.

Ein Design hinzufügen

1. On GitHub Enterprise, navigate to your site's repository.

2. Navigate to the publishing source for your site. Weitere Informationen zu Veröffentlichungsquellen finden Sie unter „Informationen zu GitHub Pages“.

3. Navigieren Sie zur Datei _config.yml.

4. Klicken Sie 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. At the bottom of the page, type a short, meaningful commit message that describes the change you made to the file. You can attribute the commit to more than one author in the commit message. For more information, see "Creating a commit with multiple co-authors."

   

1. Legen Sie unter den Commit-Mitteilungsfeldern fest, ob Sie Ihr Commit zum aktuellen Branch oder zu einem neuen Branch hinzufügen möchten. If your current branch is master, you should choose to create a new branch for your commit and then create a pull request. For more information, see "Creating a new pull request."

   

2. Klicken Sie auf Propose file change (Dateiänderung vorschlagen).

   

Das CSS Ihres Designs anpassen

Your theme's source repository may offer some help in customizing your theme. For example, see "Minima's README."

1. On GitHub Enterprise, navigate to your site's repository.

2. Navigate to the publishing source for your site. Weitere Informationen zu Veröffentlichungsquellen finden Sie 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

Your theme's source repository may offer some help in customizing your theme. For example, see "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. On GitHub Enterprise, navigate to your site's repository.

5. Navigate to the publishing source for your site. Weitere Informationen zu Veröffentlichungsquellen finden Sie 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“