1
00:00:04,970 --> 00:00:10,370
‫OKAY. Ich freue mich sehr über diesen Auftrag für Sie, da Bind-Reittiere wirklich cool sein können.

2
00:00:10,490 --> 00:00:17,900
‫Sie eignen sich besonders gut für lokale Entwicklungen oder lokale Tests. Wie wir bereits erklärt haben, können Sie mit

3
00:00:18,410 --> 00:00:24,470
‫ihnen Dateien auf Ihrem Host-Betriebssystem bearbeiten, und dann werden sie tatsächlich ausgeführt oder im Container

4
00:00:24,500 --> 00:00:29,480
‫verwendet, um die Dinge auf eine viel einfachere Art und Weise zu erledigen.

5
00:00:29,480 --> 00:00:34,940
‫In diesem Beispiel verwenden wir einen so genannten "Static Site Generator",

6
00:00:34,940 --> 00:00:36,330
‫und dies

7
00:00:36,350 --> 00:00:38,690
‫ist keine spezielle Webentwickleraufgabe.

8
00:00:38,690 --> 00:00:41,990
‫Wir werden eigentlich nicht viel anderes tun als eine Textzeile zu bearbeiten.

9
00:00:41,990 --> 00:00:47,180
‫Wirklich, worum es geht, ist sich an die Idee zu gewöhnen, Host-Daten, die Sie auf Ihrem Host-Computer

10
00:00:47,180 --> 00:00:53,900
‫haben, zu nehmen und diese dann in einen Container zu mounten, sie dann auf dem Host zu ändern und zu beobachten, wie

11
00:00:53,900 --> 00:00:55,440
‫sie sich im Container widerspiegeln.

12
00:00:55,490 --> 00:00:56,140
‫Richtig.

13
00:00:56,180 --> 00:01:02,480
‫In diesem Fall ist dies ein recht häufiges Beispiel. Ein Webentwickler hat Quellcode und HTML und all das

14
00:01:02,480 --> 00:01:08,150
‫auf seinem Host und müsste normalerweise alle speziellen Tools herunterladen, die er auf dem Host benötigt,

15
00:01:08,150 --> 00:01:08,720
‫oder?

16
00:01:08,750 --> 00:01:13,310
‫Wir brauchen die Tools der Programmiersprache, einen Webserver, eine Art Dateiüberwachung, die Änderungen erkennt

17
00:01:13,310 --> 00:01:16,460
‫und Dinge neu startet, und all diese Tools, oder?

18
00:01:16,460 --> 00:01:21,230
‫Normalerweise ist es für Webentwickler eine große Sache, herauszufinden, wie all dies auf ihrem jeweiligen

19
00:01:21,230 --> 00:01:23,570
‫Betriebssystem und in den richtigen Versionen funktioniert.

20
00:01:23,750 --> 00:01:29,630
‫Aber das Coole ist, dass Docker Hub so viele dieser Probleme beseitigt hat, weil sich die Stapel dieser Komponenten alle

21
00:01:29,630 --> 00:01:34,360
‫in einem einzigen Container befinden und jemand die ganze harte Arbeit für Sie geleistet hat.

22
00:01:34,370 --> 00:01:37,460
‫In diesem Fall werden wir tatsächlich Jekyll verwenden, und wie ich bereits

23
00:01:37,460 --> 00:01:39,560
‫erwähnt habe, handelt es sich um eine SSG.

24
00:01:39,560 --> 00:01:47,780
‫Dies sind wirklich sehr einfache Tools, mit denen Sie Abschriften erstellen können, bei denen es sich im Grunde um einfachen Text handelt.

25
00:01:47,780 --> 00:01:51,530
‫Dann nimmt es diese und generiert sie in eine HTML-Website.

26
00:01:51,530 --> 00:01:57,200
‫Es ist wirklich großartig für kleine Blogs oder einfache Websites, bei denen Sie kein HTML-Guru sein möchten und

27
00:01:57,500 --> 00:02:00,460
‫nur etwas Einfaches schreiben und im Web veröffentlichen möchten.

28
00:02:00,470 --> 00:02:06,710
‫Dies ist auch immer dann der Fall, wenn Sie Websites sehen, die von GitHub (GitHub Pages)

29
00:02:06,710 --> 00:02:07,700
‫betrieben werden.

30
00:02:07,700 --> 00:02:12,910
‫In diesem Fall springen Sie in das Beispielverzeichnis für das Binden, das hier auf der Folie aufgeführt ist.

31
00:02:13,490 --> 00:02:19,220
‫Sie werden dort einige Dateien sehen. Sie können diese mit dem Editor Ihrer

32
00:02:19,220 --> 00:02:24,970
‫Wahl bearbeiten, egal ob Visual Studio Code, Atom, Vim, Sublime Text oder was auch immer Sie möchten.

33
00:02:25,130 --> 00:02:30,260
‫Im Hintergrund wird ein Container ausgeführt, in dem Jekyll ausgeführt wird und die Dateien auf

34
00:02:30,260 --> 00:02:35,510
‫Ihrem Host überwacht werden. Außerdem werden Aktualisierungen erkannt und anschließend der im Container integrierte Webserver

35
00:02:35,510 --> 00:02:36,560
‫automatisch aktualisiert.

36
00:02:36,920 --> 00:02:40,090
‫Um Ihnen den Einstieg zu erleichtern, finden Sie hier den Befehl, den Sie tatsächlich verwenden können.

37
00:02:40,220 --> 00:02:45,560
‫Sie möchten in dieses Beispielverzeichnis für die Bindungsbereitstellung springen und dann

38
00:02:45,800 --> 00:02:51,730
‫diesen speziellen Docker-Ausführungsbefehl ausführen, der Ihren Standard-Localhost öffnet und dieses Verzeichnis tatsächlich zuordnet.

39
00:02:51,740 --> 00:03:00,000
‫Denken Sie daran, dass pwd dies dem Site-Verzeichnis im Container zuordnet, das wir hier eingerichtet haben.

40
00:03:00,010 --> 00:03:04,280
‫Dann habe ich Ihnen einen benutzerdefinierten Jekyll-Container gemacht, der wirklich einfach zu bedienen ist und die

41
00:03:04,280 --> 00:03:05,100
‫neuesten Versionen verwendet.

42
00:03:05,120 --> 00:03:11,630
‫Was Sie also sehen sollten, ist, dass Sie in der Lage sein sollten, dies auszuführen, Ihren Browser localhost zu öffnen und die Website

43
00:03:11,630 --> 00:03:16,910
‫mit der grundlegenden Webseite zu besuchen. Das ist eigentlich mit der Standardvorlage. Dann springen Sie

44
00:03:16,910 --> 00:03:22,670
‫einfach schnell in das Post-Verzeichnis, das sich in dem Bind-Mount-Beispiel befindet.

45
00:03:22,670 --> 00:03:24,840
‫Sie können es tatsächlich hier sehen.

46
00:03:28,370 --> 00:03:29,080
‫Auf meinem

47
00:03:29,080 --> 00:03:35,000
‫Bildschirm habe ich es tatsächlich in meinem Visual Studio-Code. Das sind also die Dateien in diesem Verzeichnis.

48
00:03:35,000 --> 00:03:40,340
‫Du gehst einfach in diese Datei, die eine Abschriften-Datei ist, und es

49
00:03:40,580 --> 00:03:48,410
‫ist in Ordnung, wenn du kein Abschriften-Guru bist. Sie müssen hier nur etwas ändern und dann zu Ihrem Webbrowser wechseln und feststellen,

50
00:03:48,410 --> 00:03:52,190
‫dass dies automatisch als Update angezeigt wird, sobald Sie die Datei speichern.

51
00:03:52,250 --> 00:03:57,770
‫Natürlich empfehle ich dringend, sich die Protokolle in Docker anzusehen, um zu sehen, was sie tun, da sie Ihnen

52
00:03:57,770 --> 00:04:01,610
‫jedes Mal mitteilen, wenn eine Datei geändert und der Server neu geladen wird.

53
00:04:01,610 --> 00:04:06,800
‫Wenn Sie nicht weiterkommen oder dies für Sie keinen Sinn ergibt, schauen Sie sich gleich danach mein Antwort-Video

54
00:04:06,800 --> 00:04:07,230
‫an.

55
00:04:07,250 --> 00:04:10,360
‫Ich werde das durchgehen und du kannst mitmachen, wenn du feststeckst.

56
00:04:10,670 --> 00:04:11,180
‫Viel Glück.