DEV Community

Cover image for Erstellen einer Statischen Website und Hosting auf GitHub Pages
smashcoder
smashcoder

Posted on

3

Erstellen einer Statischen Website und Hosting auf GitHub Pages

GitHub Pages bietet eine unkomplizierte Möglichkeit, statische Websites kostenlos zu hosten. Dieser Leitfaden gibt einen Überblick über die Schritte zum Codieren einer statischen Website und deren Bereitstellung auf GitHub Pages.

Schritt 1: Projekt initialisieren

  1. Erstelle ein neues Verzeichnis für dein Projekt.
  2. Initialisiere ein neues Git-Repository.

Schritt 2: HTML und CSS erstellen

  1. Erstelle die Hauptdateien für deine Website, wie z.B. index.html für den Inhalt und styles.css für das Styling.

Github cat

Schritt 3: Git-Repository erstellen

  1. Füge deine Dateien dem Git-Repository hinzu.
  2. Committe deine Änderungen.

Schritt 4: GitHub Repository erstellen

  1. Gehe zu GitHub und erstelle ein neues Repository.
  2. Verknüpfe dein lokales Git-Repository mit dem GitHub-Repository.

Schritt 5: GitHub Pages aktivieren

  1. Gehe zu den Einstellungen deines GitHub-Repositories.
  2. Scrolle nach unten zu GitHub Pages und wähle den Branch, der deine statische Website enthält (normalerweise ist dies der main-Branch).

Schritt 6: Website überprüfen

Deine Website ist jetzt unter dem GitHub Pages-Domainnamen verfügbar. Dieser wird angezeigt, wenn du zu den GitHub Pages-Einstellungen zurückkehrst.

Herzlichen Glückwunsch! Du hast erfolgreich eine statische Website erstellt und auf GitHub Pages gehostet.

Sentry blog image

How I fixed 20 seconds of lag for every user in just 20 minutes.

Our AI agent was running 10-20 seconds slower than it should, impacting both our own developers and our early adopters. See how I used Sentry Profiling to fix it in record time.

Read more

Top comments (0)

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay