Webseiten-1 » History » Revision 41
Revision 40 (Nico Schottelius, 05/01/2017 01:37 PM) → Revision 41/50 (Nico Schottelius, 05/01/2017 01:42 PM)
{{toc}}
h1. Webseiten-1
Modulziel: Mit Hilfe von Linux und git erste Webseiten erstellen und publizieren
|_. Thema |_. Beschreibung |
| Kommandozeilen-Grundwissen | Grundbefehle kennenlernen |
| Basis SSH | Verstehen, was ssh ist, public keys |
| git-Versionskontrolle | Erste Schritte mit git |
| Webseite in Github pages |um die Website zu veröffentlichen|
h2. Kommandozeilen-Grundwissen
Ziele:
* Im Dateisystem navigieren können
* Unterschied zwischen Datei und Verzeichnis verstehen
* <Befehl> <Leerzeichen> <Parameter> verstehen
* Pfeil nach oben / unten für History kennenlernen
* Tabulator für die Vervollständigung von Befehlen
|_. Befehl |_. Beschreibung |
| pwd | Zeige an, wo ich bin (*pwd = print working directory*) |
| ls | Zeige an, was im Verzeichnis ist (*ls = list*) |
| cd Desktop | Gehe zum Desktop (*change directory*) |
| pwd | Zeige an, wo ich bin |
| cd / | Gehe nach / |
| pwd | Zeige an, wo ich bin |
| cd ~ | Gehe nach Hause |
| pwd | Zeige an, wo ich bin |
| cd Desktop | Gehe zum Desktop |
| mkdir testverzeichnis | Neues Verzeichnis anlegen (*mkdir = make directory*) |
| Überprüfen | Desktop anzeigen |
| cd testverzeichnis | Nach testverzeichnis gehen |
| echo hallo | Sage hallo (*echo = etwas schreiben*)|
| echo hallo > testdatei.txt | Schreibe hallo in textdatei.txt |
| cat testdatei.txt | Zeige Inhalt von testdatei.txt an (*cat = concatenate*) |
| rm testdatei.txt | Lösche Testdatei |
| Übung | Erzeuge eine Datei namens "neuetestdatei.txt" mit dem Inhalt "hallo dort" |
| Übung | Zeige Dateien an |
| Übung | Zeige Inhalt von "neuetestdatei.txt" an |
| Übung | Lösche Datei "neuetestdatei.txt" an |
h2. SSH-Grundwissen
Ziele:
* Public-Key erzeugen
* Minimal verstehen, was der Fingerprint ist
|_. Befehl / Aktion |_. Beschreibung |
| ls | Dateien anzeigen |
| mkdir sshtestverzeichnis | Testverzeichnis *lokal* anlegen |
| ls | Dateien anzeigen |
| cd sshtestverzeichnis | Ins Verzeichnis wechseln |
| ssh ungleich@testrechner.ungleich.ch | Auf einen anderen Rechner verbinden, Fingerprint |
| ls ~/.ssh | Dateien in ~/.ssh anzeigen |
| ssh-keygen | Public Key-Pair erzeugen: Enter für Dateiname, Passwort vergeben |
| Ubuntu abmelden und anmelden | Bug in Ubuntu |
| ls ~/.ssh | Dateien in ~/.ssh anzeigen |
| cat ~/.ssh/id_rsa.pub | Öffentlichen Schlüssel anzeigen |
| ssh-copy-id ungleich@testrechner.ungleich.ch | Meinen ssh Schlüssel auf die andere Seite kopieren |
| ssh ungleich@testrechner.ungleich.ch | Auf einen anderen Rechner verbinden, public key, kein Fingerprint! |
h2. Git-Versionskontrolle (*UNDER CONSTRUCTION*)
Ziele:
* Verstehen, was eine Versionskontrolle ist
* Basiskommandos verstehen
|_. Befehl / Aktion |_. Beschreibung |
| Einführung Versionkontrolle | Warum? Änderungen merken können |
| mkdir testrepository | Verzeichnis erstellen |
| cd testrepository | In das Verzeichnis testrepository wechseln |
| git config --global user.email "Meine.Email@meine-domain.ch" | Git sagen, was meine E-Mail ist |
| git config --global user.name "Nico Schottelius" | Git sagen, das ich "Nico Schottelius" heisse |
| git init | Verzeichnis in ein git repository umwandeln |
| git status | Status von git zeigen |
| echo "hallo" > testdatei.txt" | Neue Datei mit Inhalt "hallo" anlegen |
| .... | |
| git status | Status von git zeigen |
| git add datei | Merken zum Hinzufügen |
| git commit -m "Meine erste Datei" |
| git log | "Logbuch anzeigen" |
h2. Github pages
|_. Befehl / Aktion |_. Beschreibung |
| Github Account anlegen | Zugang zu Github |
| SSH-Key zum Account hinzufügen | Profil -> Settings -> SSH und GPG keys |
| Repository anlegen: MEINBENUTZER.github.io anlegen | Repository für unsere Webseiten |
| git clone git@github.com:MEINBENUTZER/MEINBENUTER.git| Das neue angelegte Verzeichnis auf unseren Computer bringen; Achtung: ssh URL nutzen! |
| cd MEINBENUTZER | Ins neue Verzeichnis wechseln |
| ... | Änderungen machen |
| echo hallo > index.html | Hallo in index.html schreiben |
Referenzen:
* https://pages.github.com/
* https://www.github.com