Internet: GitHub Dienste

dkracht

Gehört zu: Cloud-Speicher
Siehe auch: WordPress, SVG-Grafiken, GPS-Tracks, GitHub WordPress

Stand: 29.11.2024

GitHub ist ein Internet-Dienst, bei dem man Dateien (meist Programm-Code, Software) im Internet “hostet”, auf die dann mehrere (z.B. Teams) zugreifen können.

Der Zweck von GitHub ist “Code-Hosting” mit Versionskontrolle.

Der Dienst gehört Microsoft.

  • Collaboration von Teams beim arbeiten mit Dateien (Programmierung von Open Source Software etc.)
  • Bereitstellen von “fertigen” Dateien für die Öffentlichkeit sog. “Publish”

Viele Nutzer sind vom älteren SourceForge auf GitHub gewechselt.

GitHub bietet dann die hervorragende Möglichkeit, die Dateien über eine öffentliche URL zu referenzieren.

GitHub Konto einrichten

Das Basiskonto ist im Rahmen der GitHub-Lizenzpolitik kostenlos.

Der Einstieg bei GitHub ist leicht. Auf der Startseite findet man eine dicke „Sign-in“-Einladung: Drei Felder für Nutzername, Mail-Adresse und Passwort ausfüllen, ein Klick – und schon ist das GitHub-Konto erstellt. Wichtig ist, dass der Link in der Kontobestätigungs-E-Mail angeklickt wird, da der Account sonst nicht verifiziert und aktiviert wird.

Es gibt verschiene GitHub-Konten:

  • Free: Kostenlos  – 500 MB for “packages”
  • Pro:   USD 7 /Monat  – 2 GB for “packages”
  • Team: USD 9 / Monat – 2 GB for “packages”
  • Enterprise: “contact sales” – 50 GB for “packages”
  • GitHub One: “contact sales” – ?? GB

Also so ein Konto mit dem Nutzernamen “xyz” anlegen.

Login: https://github.com/login

GitHub Repository anlegen

Also User (Konto) “xyz” einloggen: https://github.com

In der oberen Leiste steht:  Overview, Repositories, Projects, Packges, Stars, Followers, Following – Dort Auswählen “Repositories”

Dort auf die Schaltfläche “New” klicken

Repositories in GitHub können “Private” oder “Public” sein.

Wenn wir die SVG-Dateien in WordPress einfügen wollen, ist “Public” das einfachste – dann kann jeder die SVG-Dateien im Repository lesen.

Ich habe folgende Repositories angelegt:

  • dkracht/drawings
  • dkracht/svg
  • dkracht/GPS
  • dkracht/html

Dateien auf das GitHub Repository hochladen

Im GitHub auf das Repository gehen (im Beispiel: <userid>/drawings)

Dort den Reiter “<> Code” klicken.

Dann auf den Reiter “Upload Files” klicken.

Die gewünschte Datei  auf dem lokalen Computer auswählen.

Zum Schluss auf die Schaltfläche “Commit” klicken.

URL für Web-Pages in einem GitHub-Repository

Wir gehen in das Repository (muss ja “public” sein) – im Beispiel: dkracht/html

Im Menüband auf das Symbol “Settings” klicken.

Dann dort auf “Pages” klicken.

Dann auf Braches und nicht “None” sondern “Main” klicken.

Dann auf “Save” klicken.

Nach einer Weile (damit GitHub fertig arbeitet) die Seite im Web-Browser “refreschen”.

Beispiel: https://dkracht.github.io/html

URL für eine Datei im GitHub bekommen

Beispiel: SVG-Dateien. Die können wir uns anzeigen lassen:

  • Im GitHub auf das Repository gehen (im Beispiel: dkracht/drawings)
  • Dort den Reiter “<> Code” klicken.

Die gewünschte SVG-Datei auswählen.

Auf “RAW” klicken und die URL aus der Adresszeile des Web-Browsers kopieren.

Eine SVG-Zeichnung von GitHub in WordPress einbinden

Im Edit-Mode eines Blog-Artikels die Schaltfläche “Add Media” klicken.

In der linken Spalte anklicken “Insert from URL”

Im großen Eingabefeld oben die URL aus GitHub eingeben und anfügen “&sanitize=true”

Beispiel:

Die RAW-URL unserer SVG-Zeicnung: https://raw.githubusercontent.com/dkracht/drawings/master/KeplerFernrohr.svg

Die ergänzte Raw-URL: https://raw.githubusercontent.com/dkracht/drawings/master/KeplerFernrohr.svg?sanitize=true

Mit dieser URL kann die SVG-Zeichnug  in WordPress mit “Add Media” und  “Insert from URL” eingebunden werden.

Abbildung 1: Schematische Zeichnung eines Kepler-Fernrohrs (GitHub: KeplerFernrohr.svg)

KeplerFernrohr.svg Prinzip des Kepler-Fernrohrs