Computer: GitHub für SVG und GPX

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

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”:

  • 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.

Ich benutze GitHub, um meine SVG-Zeichnungen und GPS-Tracks dort zu speichern. GitHub bietet dann die hervorragende Möglichkeit, die Dateien über eine öffentliche URL zu referenzieren. Genau dass machen wir dann in WordPress. So sind die SVG-Dateien und GPX-Dateien unhabhängig vom WordPress-Hoster gespeichert und bleiben auch bei Wechsel des WordPress-Hosters erhalten.

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
  • Pro:   USD 7 /Monat  – 1 GB
  • Team: USD 9 / Monat – 2 GB
  • Enterprise: “contact sales” – 50 GB
  • 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

SVG-Zeichnungen 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 SVG-Datei (oder GPX-Datei) auf dem lokalen Computer auswählen.

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

Eine URL für die SVG-Zeichnung im GitHub bekommen

Die SVG-Dateien unseres Repositories anzeigen lassen:

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

Die gewünschte SVG-Datei (oder GPX-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