Git-Tutorium – Teil 2
Zum aktuellen Zeitpunkt existieren drei Branches. Alle fußen auf demselben Commit. In diesem Branch wird nun ein kleiner Inhalt hinzugefügt, dazu reicht es, den Lorem-Ipsum Generator zu nutzen, um einen Fülltext zu erzeugen.
Unterhalb der <h1>
Überschrift in der Datei index.html
sollte folgendes eingefügt werden:
<p> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. </p>
Diese Änderung muss dann aus dem Arbeitsverzeichnis heraus wie gewohnt übertragen werden:
$ git add index.html $ git commit -m "Lorem-Ipsum Fülltext hinzugefügt" [content 395dd48] Lorem-Ipsum Fülltext hinzugefügt 1 file changed, 3 insertions(+)
Es lohnt sich, das Log mit dem Befehl git log
anzusehen. Auf dem aktuellen Branch content
sind vier Commits vorhanden. Es sind sowohl die ersten drei Commits vor dem Abzweigen vorhanden, als auch der zuletzt hinzugefügte Commit.
Wechselt man mit git checkout master
zurück auf master
und schaut das Log an, dann sind dort nur drei Commits vorhanden. Dies liegt daran, dass Git den Commit nur auf content
ausgeführt hat und nicht auf master
. Die Änderungen aus content
können in master
übernommen werden. Dieser Schritt folgt hier jedoch noch nicht.
Es gilt noch, die ein oder andere Änderung im Branch menu
durchzuführen. Dazu muss man wieder auf den Branch menu
wechseln:
$ git checkout menu Gewechselt zu Branch 'menu'
Wenn man nun index.html zum Bearbeiten öffnet, sind die Änderungen nicht enthalten. Das macht auch Sinn, da die Änderungen auf dem Branch content
durchgeführt wurden.
Die index.html-Datei bekommt nun ein Menü spendiert. Hierfür muss folgender
Code vor der <h1>
-Überschrift hinzugefügt werden:
<nav class="navbar navbar-default" role="navigation"> <div class="container-fluid"> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav"> <li class="active"><a href="#">Link</a></li> <li><a href="#">Link</a></li> </ul> </div> </div> </nav>
Diese Änderung kann dann ebenfalls wie gewohnt übertragen werden:
$ git add index.html $ git commit -m "Bootstrap-Beispiel-Menü hinzugefügt"
Jetzt fällt aber auf, dass zwar ein Menü vorhanden ist, in beiden Menüpunkten steht allerdings nur »Link«. Der Einfachheit halber reicht es, wenn man an dieser Stelle den ersten »Link« mit »Home« und den zweiten »Link« mit »About« ersetzt. Diese Änderung muss dann ebenfalls übertragen werden.