1
00:00:04,970 --> 00:00:10,370
‫O.K. Sunt foarte entuziasmat de această sarcină pentru dvs. deoarece legăturile de legare pot fi foarte cool.

2
00:00:10,490 --> 00:00:17,900
‫Sunt deosebit de interesante pentru dezvoltarea locală sau pentru testarea locală. Deoarece, după cum am explicat mai devreme, vă vor

3
00:00:18,410 --> 00:00:24,470
‫permite să editați fișierele din sistemul dvs. de operare gazdă, iar apoi ei vor fi difuzate sau

4
00:00:24,500 --> 00:00:29,480
‫folosite în interiorul containerului pentru a face lucrurile într-un mod mult mai ușor.

5
00:00:29,480 --> 00:00:34,940
‫În acest exemplu, vom folosi de fapt ceva numit "Generator de site-uri statice", iar acest lucru

6
00:00:34,940 --> 00:00:36,330
‫nu este în

7
00:00:36,350 --> 00:00:38,690
‫mod specific o sarcină de dezvoltator web.

8
00:00:38,690 --> 00:00:41,990
‫Nu vom face altceva decât să edităm o linie de text.

9
00:00:41,990 --> 00:00:47,180
‫Într-adevăr, despre ce este vorba, te obișnuiești cu ideea de a lua datele gazdă pe care

10
00:00:47,180 --> 00:00:53,900
‫le ai pe mașina gazdă și apoi să le montezi într-un container, apoi să le schimbi pe gazdă și să-l

11
00:00:53,900 --> 00:00:55,440
‫vezi în interiorul containerului.

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

13
00:00:56,180 --> 00:01:02,480
‫În acest caz, acesta este un exemplu destul de comun. Un dezvoltator web are cod sursă și cod HTML și toate acestea,

14
00:01:02,480 --> 00:01:08,150
‫pe gazda lor și în mod normal ar trebui să descarce toate instrumentele speciale de care au nevoie pe gazdă, nu-i

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

16
00:01:08,750 --> 00:01:13,310
‫Am nevoie de instrumentele de limbaj de programare, de un server web, de un fel de observator de

17
00:01:13,310 --> 00:01:16,460
‫fișiere care detectează modificările și repornește lucrurile și toate aceste instrumente, nu?

18
00:01:16,460 --> 00:01:21,230
‫Acesta este, în mod normal, un lucru important pentru dezvoltatorii web este să vă dați seama cum să faceți tot ce funcționează

19
00:01:21,230 --> 00:01:23,570
‫pe sistemul lor de operare și pe toate versiunile potrivite.

20
00:01:23,750 --> 00:01:29,630
‫Dar lucrurile interesante sunt în Docker Hub, multe dintre aceste probleme au dispărut, deoarece stivele acestor componente sunt

21
00:01:29,630 --> 00:01:34,360
‫toate într-un singur container și cineva a făcut toată munca grea pentru dvs.

22
00:01:34,370 --> 00:01:37,460
‫În acest caz, vom folosi de fapt Jekyll și, așa cum

23
00:01:37,460 --> 00:01:39,560
‫am menționat mai devreme, este un SSG.

24
00:01:39,560 --> 00:01:47,780
‫Acestea sunt într-adevăr instrumente foarte de bază care vă permit să creați markdown, care este în esență un text simplu.

25
00:01:47,780 --> 00:01:51,530
‫Apoi, le ia aceste și le generează într-un site HTML.

26
00:01:51,530 --> 00:01:57,200
‫Este foarte bun pentru bloguri mici sau site-uri simple în care nu doriți să fie un guru HTML și doriți doar

27
00:01:57,500 --> 00:02:00,460
‫să scrieți ceva simplu și să îl postați pe web.

28
00:02:00,470 --> 00:02:06,710
‫Acest lucru este, de asemenea, ori de câte ori vedeți site-uri conduse de GitHub, cunoscut sub numele de Pagini GitHub, Jekyll este, de asemenea, instrumentul pe

29
00:02:06,710 --> 00:02:07,700
‫care le folosesc.

30
00:02:07,700 --> 00:02:12,910
‫În acest caz, veți săriți în directorul de probă mount bind, așa cum este menționat aici pe diapozitiv.

31
00:02:13,490 --> 00:02:19,220
‫Veți vedea niște fișiere acolo. Veți edita acelea cu editorul dvs. de alegere,

32
00:02:19,220 --> 00:02:24,970
‫indiferent dacă este vorba despre Visual Studio Code sau Atom sau Vim sau Sublime Text sau orice doriți.

33
00:02:25,130 --> 00:02:30,260
‫Vom avea un container care rulează în fundal care rulează Jekyll și va urmări acele

34
00:02:30,260 --> 00:02:35,510
‫fișiere de pe gazda dvs. și va detecta actualizări și apoi va actualiza automat serverul web

35
00:02:35,510 --> 00:02:36,560
‫încorporat în container.

36
00:02:36,920 --> 00:02:40,090
‫Pentru a începe, aici este comanda pe care o puteți utiliza.

37
00:02:40,220 --> 00:02:45,560
‫Doriți să sarăți în directorul de eșantionare bind mount și apoi să executați comanda particulară

38
00:02:45,800 --> 00:02:51,730
‫de rulare a docker-ului, care vă va deschide localhost-ul implicit și de fapt va căuta acel director.

39
00:02:51,740 --> 00:03:00,000
‫Amintiți-vă că pwd va face harta în directorul site-ului din interiorul containerului, ceea ce am stabilit aici.

40
00:03:00,010 --> 00:03:04,280
‫Apoi v-am făcut un container personalizat, Jekyll, care este foarte ușor de utilizat și utilizează toate cele

41
00:03:04,280 --> 00:03:05,100
‫mai recente versiuni.

42
00:03:05,120 --> 00:03:11,630
‫Deci, ceea ce ar trebui să vedeți este că ar trebui să puteți rula acest lucru, deschideți browserul localhost, vedeți site-ul acolo

43
00:03:11,630 --> 00:03:16,910
‫cu pagina web de bază. Aceasta utilizează de fapt șablonul implicit. Apoi, veți sari

44
00:03:16,910 --> 00:03:22,670
‫repede în directorul de posturi care se află în interiorul eșantionului de bind mount.

45
00:03:22,670 --> 00:03:24,840
‫Puteți să-l vedeți aici.

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

47
00:03:29,080 --> 00:03:35,000
‫ecranul meu, îl am în codul Visual Studio. Deci acestea vor fi fișierele din directorul respectiv.

48
00:03:35,000 --> 00:03:40,340
‫Veți intra în acest fișier aici, care este un fișier de marcare și

49
00:03:40,580 --> 00:03:48,410
‫este OK dacă nu sunteți un guru de marcare. Trebuie doar să schimbați ceva aici, apoi să treceți la browserul dvs. web și să

50
00:03:48,410 --> 00:03:52,190
‫observați cum se reflectă automat ca o actualizare odată ce ați salvat fișierul.

51
00:03:52,250 --> 00:03:57,770
‫Desigur, recomandăm să vă uitați la jurnalele din Docker pentru a vedea ce face, pentru că vă va spune

52
00:03:57,770 --> 00:04:01,610
‫de fiecare dată când se modifică un fișier și se reîncarcă serverul.

53
00:04:01,610 --> 00:04:06,800
‫Dacă rămâneți blocat sau pentru că nu vă este sensibil, vizionați doar răspunsurile video de lectură imediat după

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

55
00:04:07,250 --> 00:04:10,360
‫Am de gând să trec prin asta și poți să te urmezi dacă rămâi blocat.

56
00:04:10,670 --> 00:04:11,180
‫Mult noroc.