Configurarea lui Jekyll pentru paginile GitHub în 60 de secunde

Jekyll poate fi folosit cu paginile GitHub pentru a crea site-uri simple, blog-constiente, statice. Acest videoclip vă va arăta cum să configurați structura fișierelor osoase goale Jekyll în 60 de secunde!

Odată ce ați fost înființați și aveți nevoie de inspirație, verificați ce este disponibil între temele Jekyll de pe piața Envato Market.

Dacă preferați o explicație scrisă, iată întregul proces descris în pași simpli:

Proiect nou

Mai întâi, creați un dosar pe sistemul dvs. pentru un nou repo. Faceți acest lucru folosind terminalul pentru a naviga la locul în care doriți să fie noul dosar, apoi introduceți: mkdir mysite. Folderul nostru nou este numit "mysite", dar îl puteți numi oricând doriți.  

Schimbați directorul în acest nou dosar introducând cd mysite-odată ce creați un fișier de configurare prin introducerea comenzii vim _config.yml. Fereastra terminalului vă va arăta conținutul acestui fișier, atât de lovit eu a intra introduceți modul, apoi adăugați următorul conținut:

titlu: Site-ul meu

Lovit Esc a pleca introduceți modul, apoi introduceți :X pentru a salva modificările pe care le-ați făcut.

Creați un index

Apoi trebuie să creați documentul index, deci introduceți vim index.md și așa cum ați făcut înainte, adăugați următorul conținut:

--- titlu: Salut aspect: implicit --- Buna ziua!

Adăugați folderul Layouts

Acum, creați un nou dosar introducând mkdir _layouts și modificați la acel director cu cd _layouts. Dați-i un document de șablon implicit vim default.html și adăugați următorul conținut:

content

Inițializați Repo New

Acum trebuie să inițializăm dosarul ca un repo nou și să declanșăm modificările. Deci, începeți prin navigarea înapoi la rădăcina proiectului nostru cu CD… . Apoi intra git init, urmat de git adăugați --all && git commit --all. 

Apasă pe GitHub

Treceți la GitHub prin browser și creați un nou repo. 

În acest moment vi se vor oferi câteva opțiuni, prindeți astfel comenzile pe care le vedeți împingeți un depozit existent din linia de comandă. Comenzile vor citi ceva de genul:

git adăugați la distanță [email protected]: numele dvs. / mysite.git git push -u master de origine

Inserați aceste comenzi în terminal pentru a împinge repo local la GitHub.

Setările GitHub

În cele din urmă, în repo GitHub Setări, alegeți să utilizați sucursala principală pentru Pagini GitHub, apoi lovit Salvați.

Jekyll este înființat și site-ul dvs. este gata să fie construit!

Structura fișierului Jekyll, explicată

• _config.yml funcționează ca fișier de configurare Jekyll. Aceasta este ceea ce paginile GitHub citesc pentru setările la nivel de site, cum ar fi variabilele globale și multe altele.
• index.md este documentul de index rădăcină al site-ului GitHub Pages.
• _layouts / default.html este fișierul șablon implicit pe care se va baza index.md.

Resurse utile

Pentru mai multe informații despre construirea site-urilor web statice folosind Jekyll, consultați următoarele resurse în jurul Envato Tuts+!

• 

  Cum se instalează o temă Jekyll

  În acest tutorial vom trece prin crearea unei teme Jekyll încă de la început, începând cu câteva sfaturi de instalare de bază, trecând prin modul în care ...
• 

  Curs nou: construirea de site-uri statice cu Jekyll

  În noul nostru curs veți învăța totul despre generatorul de site-uri statice Jekyll și construiți un întreg site de la zero în mai puțin de două ore. Alăturați-vă lui Guy Routledge ...
• 

  Linia de comandă pentru Web Design: Prindeți elementele de bază

  În acest tutorial veți afla toate lucrurile esențiale de lucru cu un terminal sau prompt de comandă, inclusiv cum să îl deschideți, cum să executați comenzi, cum să repetați ...