﻿1
00:00:04,970 --> 00:00:10,370
‫DOBRZE. Jestem bardzo podekscytowany tym zadaniem, ponieważ mocowanie bindów może być naprawdę fajne.

2
00:00:10,490 --> 00:00:17,900
‫Są szczególnie przydatne do lokalnego rozwoju lub testów lokalnych. Ponieważ, jak już wcześniej wyjaśniliśmy, pozwolą ci

3
00:00:18,410 --> 00:00:24,470
‫edytować pliki w systemie operacyjnym hosta, a następnie będą działać lub będą

4
00:00:24,500 --> 00:00:29,480
‫używane wewnątrz kontenera, aby robić rzeczy w znacznie prostszy sposób.

5
00:00:29,480 --> 00:00:34,940
‫W tym przykładzie będziemy używać czegoś, co nazywa się "Static Site Generator",

6
00:00:34,940 --> 00:00:36,330
‫a to

7
00:00:36,350 --> 00:00:38,690
‫nie jest zadanie dla programistów internetowych.

8
00:00:38,690 --> 00:00:41,990
‫W rzeczywistości nie zamierzamy robić nic poza edytowaniem linii tekstu.

9
00:00:41,990 --> 00:00:47,180
‫Naprawdę, o co tu chodzi, przyzwyczaja się do tego, że bierzesz dane hosta, które

10
00:00:47,180 --> 00:00:53,900
‫masz na maszynie hosta, a następnie montujesz je w kontenerze, a następnie zmieniasz na hoście i oglądasz

11
00:00:53,900 --> 00:00:55,440
‫je w kontenerze.

12
00:00:55,490 --> 00:00:56,140
‫Dobrze.

13
00:00:56,180 --> 00:01:02,480
‫W tym przypadku jest to dość powszechny przykład. Twórca stron internetowych ma kod źródłowy i kod HTML, a

14
00:01:02,480 --> 00:01:08,150
‫wszystko to na swoim hoście i zwykle będą musieli pobrać wszystkie specjalne narzędzia, których potrzebują na hoście,

15
00:01:08,150 --> 00:01:08,720
‫prawda?

16
00:01:08,750 --> 00:01:13,310
‫Potrzebowalibyśmy narzędzi języka programowania, serwera WWW, jakiegoś modułu do śledzenia plików, który wykrywa zmiany

17
00:01:13,310 --> 00:01:16,460
‫i restartuje różne rzeczy, i wszystkie te narzędzia, prawda?

18
00:01:16,460 --> 00:01:21,230
‫Zwykle programiści zajmujący się tworzeniem stron internetowych są bardzo ważni, aby dowiedzieć się, jak to wszystko zrobić w

19
00:01:21,230 --> 00:01:23,570
‫danym systemie operacyjnym i we wszystkich odpowiednich wersjach.

20
00:01:23,750 --> 00:01:29,630
‫Ale fajne jest to w Docker Hub, więc wiele z tych problemów zniknęło, ponieważ stosy tych komponentów

21
00:01:29,630 --> 00:01:34,360
‫znajdują się w jednym pojemniku, a ktoś wykonał dla ciebie całą ciężką pracę.

22
00:01:34,370 --> 00:01:37,460
‫W tym przypadku będziemy używać Jekylla i jak

23
00:01:37,460 --> 00:01:39,560
‫wspomniałem wcześniej, jest to SSG.

24
00:01:39,560 --> 00:01:47,780
‫To są naprawdę bardzo podstawowe narzędzia, które pozwalają na tworzenie przecen, czyli w zasadzie zwykły tekst.

25
00:01:47,780 --> 00:01:51,530
‫Następnie bierze je i generuje na stronie HTML.

26
00:01:51,530 --> 00:01:57,200
‫To jest naprawdę świetne dla małych blogów lub prostych stron internetowych, w których nie chcesz być guru HTML, a chcesz

27
00:01:57,500 --> 00:02:00,460
‫po prostu napisać coś prostego i opublikować je w Internecie.

28
00:02:00,470 --> 00:02:06,710
‫Dzieje się tak również za każdym razem, gdy widzisz strony prowadzone przez GitHub, znane jako Strony GitHub, Jekyll jest również narzędziem,

29
00:02:06,710 --> 00:02:07,700
‫z którego korzystają.

30
00:02:07,700 --> 00:02:12,910
‫W takim przypadku przejdziesz do katalogu przykładowego mount wiązania, jak pokazano tutaj na slajdzie.

31
00:02:13,490 --> 00:02:19,220
‫Zobaczysz tam jakieś pliki. Zamierzasz edytować te z wybranym edytorem, bez

32
00:02:19,220 --> 00:02:24,970
‫względu na to, czy jest to kod Visual Studio, Atom, Vim, czy Wysublimowany tekst, czy cokolwiek chcesz.

33
00:02:25,130 --> 00:02:30,260
‫W tle będzie działał kontener, który uruchamia Jekylla i ogląda te pliki

34
00:02:30,260 --> 00:02:35,510
‫na twoim hoście, wykrywa aktualizacje, a następnie automatycznie aktualizuje serwer WWW wbudowany

35
00:02:35,510 --> 00:02:36,560
‫w kontener.

36
00:02:36,920 --> 00:02:40,090
‫Aby zacząć, tutaj jest polecenie, którego możesz użyć.

37
00:02:40,220 --> 00:02:45,560
‫Chcesz wskoczyć do tego katalogu przykładowego gniazda powiązania, a następnie uruchomić

38
00:02:45,800 --> 00:02:51,730
‫tę konkretną komendę dokowania, która otworzy domyślny host lokalny i faktycznie zamapuje ten katalog.

39
00:02:51,740 --> 00:03:00,000
‫Pamiętaj, że pwd zmapuje to do katalogu stron wewnątrz kontenera, który tutaj skonfigurowaliśmy.

40
00:03:00,010 --> 00:03:04,280
‫Potem stworzyłem niestandardowy kontener Jekyll, który jest naprawdę łatwy w użyciu i używa wszystkich

41
00:03:04,280 --> 00:03:05,100
‫najnowszych wersji.

42
00:03:05,120 --> 00:03:11,630
‫Więc powinieneś być w stanie to uruchomić, otwórz lokalny serwer przeglądarki, zobacz tam stronę z

43
00:03:11,630 --> 00:03:16,910
‫podstawową stroną internetową. To faktycznie używa domyślnego szablonu. Następnie po prostu

44
00:03:16,910 --> 00:03:22,670
‫szybko przejdziesz do katalogu post znajdującego się w tej próbce podłączenia.

45
00:03:22,670 --> 00:03:24,840
‫Możesz go zobaczyć tutaj.

46
00:03:28,370 --> 00:03:29,080
‫Na

47
00:03:29,080 --> 00:03:35,000
‫moim ekranie, mam go w moim kodzie Visual Studio. Więc to będą pliki wewnątrz tego katalogu.

48
00:03:35,000 --> 00:03:40,340
‫Po prostu przejdziesz do tego pliku, który jest plikiem do oceny i jest

49
00:03:40,580 --> 00:03:48,410
‫OK, jeśli nie jesteś guru w zakresie obniżek. Trzeba tylko coś tutaj zmienić, a następnie przeskoczyć do przeglądarki internetowej i

50
00:03:48,410 --> 00:03:52,190
‫zauważyć, jak jest ona automatycznie odzwierciedlana jako aktualizacja po zapisaniu pliku.

51
00:03:52,250 --> 00:03:57,770
‫Oczywiście, bardzo polecam przeglądanie dzienników w Dockerze, aby zobaczyć, co robi, ponieważ będzie on wskazywał za

52
00:03:57,770 --> 00:04:01,610
‫każdym razem, gdy plik zostanie zmieniony i ponownie załaduje serwer.

53
00:04:01,610 --> 00:04:06,800
‫Jeśli utkniesz lub nie ma to dla ciebie sensu, po prostu obejrzyj moje odpowiedzi na wykład wideo tuż po

54
00:04:06,800 --> 00:04:07,230
‫tym.

55
00:04:07,250 --> 00:04:10,360
‫Przejdę przez to i możesz śledzić dalej, jeśli utkniesz.

56
00:04:10,670 --> 00:04:11,180
‫Powodzenia.

