Einführung Hello, World!


Abbildung 1

Schreiben wir ein komplexeres HTML-Beispiel mit einer Tabelle, die den “Hello, World!”-Text in verschiedenen Sprachen zeigt und wie folgt gerendert wird HTMLTabellenbeispiel


Abbildung 2

Ein ähnliches Beispiel, das mit HTML-Listen geschrieben wurde, würde wie folgt aussehen: HTML-Listenbeispiel


Abbildung 3

Seiten können auf verschiedene Arten erstellt werden: statische serverseitigeGenerierung (bei der HTML einmal auf dem Server generiert wird und sich danach nichtmehr ändert), dynamische serverseitige Generierung (bei der der Server neues HTML aufder Grundlage von Anfragen des Benutzerbrowsers aktualisieren und senden kann) undclientseitige Generierung (bei der Teile der HTML-Seiten vom Browser mithilfe vonJavascript-Code generiert werden)

Abbildung 4

Statische Websites im GitHub PagesTechnologieübersichtsdiagramm

Abbildung 5

Plus button

Abbildung 6

Schaltfläche Neues Projekt

Abbildung 7

Blank new repository page

Abbildung 8

Github-Repository für die Gruppenwebsite

Verfassen mit Markdown


Abbildung 1

README preview

Abbildung 2

Bearbeitungsoberfläche der Gruppen-WebsitesREADME-Datei

Abbildung 3

Vorschau auf den gerenderten Inhalt der README-Datei derGruppen-Websites

Abbildung 4

Nach dem Übertragen von README-Änderungen

Abbildung 5

Vorschau auf die Formatierung in der README

Hosting von Seiten auf GitLab


Abbildung 1

Edit IDE

Abbildung 2

IDE-Versionskontrollschaltfläche

Abbildung 3

IDE-Versionskontrolle

Abbildung 4

Simple HTML project screenshot

Abbildung 5

Erste laufende Pipeline

Abbildung 6

Da wir angehalten und überprüft haben, wie unser Remote-Ordner aussieht, ist Ihre Pipeline vielleicht schon passed. Wenn nicht, warten Sie einfach, bis es so weit ist.


Abbildung 7

Die Seiten-URL in Einstellungen>Seiten

Abbildung 8

Einfache Website-Ansicht

Abbildung 9

Plain HTML template

GitLab-Seiten mit Jekyll


Abbildung 1

Basic Jekyll

Abbildung 2

Über Jekyll

GitLab-Seiten mit Sphinx


Abbildung 1

Sphinx quickstart

GitLab-Seiten mit Jupyter-Büchern


GitLab-Vorlagen


Abbildung 1

ein Repository über die Schaltfläche Fork forken

Abbildung 2

das fork-Projektmenü

Abbildung 3

remove fork relationship

Wenn etwas schief geht


Abbildung 1

Klicken Sie auf die Schaltfläche "failed", um das Pipeline-Protokollaufzurufen