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.

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. For more information, see "Testing your GitHub Pages site locally with Jekyll."

Inhalt dieses Artikels

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

Ein Design hinzufügen

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

2. Navigate to the publishing source for your site. For more information about publishing sources, see "About GitHub Pages."

3. Navigieren Sie zur Datei _config.yml.

4. In the upper right corner of the file view, click to open the file editor.

   

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."

   

7. Below the commit message fields, decide whether to add your commit to the current branch or to a new branch. 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."

   

8. Click Propose file change.

   

Customizing your theme's CSS

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. For more information about publishing sources, see "About 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. For more information about publishing sources, see "About 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“