LU10c - GitHub Pages

Mit GitHub Pages können wir eine Webseite direkt aus unserem GitHub Repository veröffentlichen.

GitHub Pages eignet sich zur Veröffentlichung einer Homepage mit der Beschreibung eines Projekts, dass wir auf GitHub ablegen. Dadurch benötigen wir keinen separaten Webspace für die Projektbeschreibung.

Eine andere Einsatzmöglichkeit ist GitHub Pages als Live Test Umgebung zu verwenden. Dadurch können wir nach jedem Push unsere Webseiten auf einem Webserver testen.

Sie können GitHub Pages direkt in Ihrem Repository auf GitHub aktivieren.

Im Menu „Settings“ ⇒ „Pages“ geben Sie an, welche Datei(en) für GitHub Pages verwendet werden sollen.

Die hier gezeigten Einstellungen funktionieren für die meisten einfacheren Projekte:

  • Source: „Deploy from branch“
  • Branch: „main“ / „/ (root)“

Nach einem Klick auf [Save] wird unsere Webseite erstellt und veröffentlicht. Wenn Sie nach einem Moment erneut die Einstellungen „Pages“ öffnen, sehen Sie die URL Ihrer Webseite.

Diese URL lautet: GITHUBUSER.github.io/REPOSITORY (wobei natürlich GITHUBUSER und REPOSITORY variabel sind).

Nachdem Sie GitHub Pages eingerichtet haben, wird die Webseite bei jedem Push aktualisiert. Dazu läuft ein Workflow ''pages build and deployment„ ab.

Es kann 1-2 Minuten dauern, bis der Workflow fertig ist. Prüfen Sie den Status im Reiter „Actions“.


Kevin Maurizi, Marcel Suter

  • modul/m293/learningunits/lu10/githubpages.txt
  • Zuletzt geändert: 2024/03/28 14:07
  • von 127.0.0.1