← Übersicht← Overview

Modul 5: In 10 Minuten liveModule 5: Live in 10 minutes

Modul 5 von 6 · ⏱ ca. 20 MinutenModule 5 of 6 · ⏱ ~20 minutes
Deine eigene Website mit GitHub Pages — kostenlos, ohne Setup, ohne Hosting.Your own website with GitHub Pages — free, no setup, no hosting.

🎯 Nach diesem Modul kannst du:🎯 After this module you can:

Was ist GitHub Pages?What is GitHub Pages?

GitHub kann jedes Repository automatisch als Website veröffentlichen. Du schreibst Markdown-Dateien, GitHub macht daraus eine schöne Seite. Kostenlos. Für immer. Perfekt für Portfolios, Projekt-Dokumentation, interne Handbücher oder Forschungs-Landingpages.GitHub can automatically publish any repository as a website. You write Markdown files, GitHub turns them into a beautiful page. Free. Forever. Perfect for portfolios, project documentation, internal handbooks, or research landing pages.

📁
Repository
index.md
README.md
→
⚙️
Build
GitHub ActionsGitHub Actions
→
🌐
Live WebsiteLive Website
username.github.io
GitHub Pages Pipeline: Code → Build → Website — vollautomatisch bei jedem Commit. GitHub Pages pipeline: Code → Build → Website — fully automated on every commit.
1
Neues Repository erstellenCreate a new repository
  1. „+" → „New repository""+" → "New repository"
  2. Name: meine-seiteName: my-site
  3. ✅ Public (Pages funktioniert im Free Plan nur bei öffentlichen Repos)✅ Public (Pages only works with public repos on the free plan)
  4. ✅ Add a README file✅ Add a README file
  5. „Create repository""Create repository"
✅ Neues Repo ist da.✅ New repo is ready.
2
index.md erstellenCreate index.md
  1. „Add file" → „Create new file""Add file" → "Create new file"
  2. Name: index.mdName: index.md
  3. Schreibe Markdown — hier ein Starter:Write Markdown — here's a starter:
# Willkommen auf meiner Seite ## Über mich Ich bin [Name] und arbeite als [Beruf]. ## Projekte - **Projekt A:** Kurze Beschreibung - **Projekt B:** Kurze Beschreibung ## Kontakt - [LinkedIn](https://linkedin.com/in/dein-profil) - [E-Mail](mailto:deine@email.de)
  1. Committe: Startseite erstelltCommit: Created homepage
✅ Deine index.md ist da — die wird zur Startseite.✅ Your index.md is there — it becomes the homepage.
3
GitHub Pages aktivierenActivate GitHub Pages
  1. Gehe zu Settings (im Repo, nicht Account-Settings)Go to Settings (in the repo, not account settings)
  2. Links: „Pages"Left sidebar: "Pages"
  3. Source: „Deploy from a branch"Source: "Deploy from a branch"
  4. Branch: main, Folder: / (root)Branch: main, Folder: / (root)
  5. Klicke SaveClick Save
💡 Warte 1-2 Minuten. GitHub baut deine Seite im Hintergrund.💡 Wait 1-2 minutes. GitHub builds your site in the background.
✅ Oben erscheint die URL: dein-username.github.io/meine-seite✅ The URL appears above: your-username.github.io/my-site
4
Theme auswählenChoose a theme
  1. Erstelle eine Datei _config.yml im RepoCreate a file _config.yml in the repo
  2. Inhalt: remote_theme: pages-themes/cayman@v0.2.0Content: remote_theme: pages-themes/cayman@v0.2.0
  3. Committe — nach 1-2 Min sieht deine Seite professionell ausCommit — after 1-2 min your site looks professional
💡 Andere Themes: minimal, slate, dinky, tactile. Einfach den Namen austauschen.💡 Other themes: minimal, slate, dinky, tactile. Just swap the name.
✅ Deine Seite hat ein professionelles Design!✅ Your site has a professional design!
5
Live-URL aufrufen und teilenVisit and share the live URL
  1. Öffne https://dein-username.github.io/meine-seiteOpen https://your-username.github.io/my-site
  2. Das ist deine Website. Live. Kostenlos. Für immer.That's your website. Live. Free. Forever.
  3. Teile den Link — per LinkedIn, E-Mail, Slack, wo auch immerShare the link — via LinkedIn, email, Slack, wherever
✅ Du hast eine eigene Website. Ohne Hosting-Anbieter, ohne Kosten, ohne Code.✅ You have your own website. No hosting provider, no costs, no code.

🎉 Modul 5 geschafft!Module 5 complete!

Du hast gerade eine Website veröffentlicht — mit Markdown und GitHub Pages. Keine Programmierkenntnisse nötig.You just published a website — with Markdown and GitHub Pages. No programming skills needed.

✅ Erfolgskriterium:✅ Success criterion:
  • Deine Seite ist unter https://DEIN-USERNAME.github.io/REPO-NAME/ erreichbarYour page is live at https://YOUR-USERNAME.github.io/REPO-NAME/
  • Die Seite zeigt formatierten Inhalt (nicht nur Plaintext)The page shows formatted content (not just plaintext)
📚 Konstruktivistisches Lernen: Wissen wird nicht passiv aufgenommen, sondern aktiv konstruiert — durch das Erstellen eigener Artefakte. Eine veröffentlichte Website ist genau das. (NCBI StatPearls, 2023) 📚 Constructivist learning: Knowledge isn't passively absorbed but actively constructed — by creating your own artifacts. A published website is exactly that. (NCBI StatPearls, 2023)

👉 Letztes Modul: In Modul 6 erstellst du deinen persönlichen GitHub-Gameplan — wo passt GitHub in deinen Alltag, und wie überzeugst du dein Team? 👉 Final module: In Module 6 you'll create your personal GitHub gameplan — where does GitHub fit in your day-to-day, and how do you convince your team?

📖 Markdown Cheatsheet📖 Markdown Cheatsheet

# ÜberschriftGroße ÜberschriftLarge heading
## UnterUnterüberschriftSubheading
**fett**fett
*kursiv*kursiv
- PunktAufzählungBullet list
[Text](URL)Link
![Alt](bild.jpg)Bild einbindenEmbed image

💬 Feedback & Fragen