Difference between revisions of "Github Pages me Jekyll"

Jump to navigation Jump to search
m
Shtova përmbajtje.
(Krijova faqen.)
 
m (Shtova përmbajtje.)
Line 3: Line 3:
Për të instaluar themes nga Jekyll është e rëndësishme që të keni ruby në kompjuter. Për këtë mënyra më e mirë është të instalohet nëpërmjet [https://rvm.io/rvm/install RVM] (ruby version manager) pasi kështu instalohen dhe të gjitha varësitë dhe modulet e tjera të nevojshme për instalim.<br />
Për të instaluar themes nga Jekyll është e rëndësishme që të keni ruby në kompjuter. Për këtë mënyra më e mirë është të instalohet nëpërmjet [https://rvm.io/rvm/install RVM] (ruby version manager) pasi kështu instalohen dhe të gjitha varësitë dhe modulet e tjera të nevojshme për instalim.<br />
Fillimisht duhet të instalohen çelësa gpg për të verifikuar paketat që instalohen për të garantuar siguri.
Fillimisht duhet të instalohen çelësa gpg për të verifikuar paketat që instalohen për të garantuar siguri.
''<p style="color:white; background-color:black;>$  gpg --keyserver hkp://keys.gnupg.net --recv-keys 409B6B1796C275462A1703113804BB82D39DC0E3 7D2BAF1CF37B13E2069D6956105BD0E739499BDB</p>''
''<p style="color:green; background-color:black;>$  gpg --keyserver hkp://keys.gnupg.net --recv-keys 409B6B1796C275462A1703113804BB82D39DC0E3 7D2BAF1CF37B13E2069D6956105BD0E739499BDB</p>''
Instalojmë rvm së bashku me ruby:
Instalojmë rvm së bashku me ruby:
''<p style="color:white; background-color:black;>$  \curl -sSL https://get.rvm.io | bash -s stable --ruby</p>''
''<p style="color:green; background-color:black;>$  \curl -sSL https://get.rvm.io | bash -s stable --ruby</p>''
<br />
<br />
Pas instalimit kemi një instruksion për komandën që duhet të përdoret për të bërë run ruby. Kjo komandë është e nevojshme që të jepet sa herë do kemi një repo të re që kërkon mjedis ekzekutimi ruby.
''<p style="color:green; background-color:black;>$ source /usr/local/rvm/scripts/rvm</p>''
Para së gjithash duhet të krijohet një repository e re nëpërmjet github ose dhe nga terminali. Repository e krijuar duhet te kemi një kopje lokale në kompjuterin tonë, repository është një direktori në kompjuter.
Para së gjithash duhet të krijohet një repository e re nëpërmjet github ose dhe nga terminali. Repository e krijuar duhet te kemi një kopje lokale në kompjuterin tonë, repository është një direktori në kompjuter.
Marim një shembull konkret dhe krijojmë një repository nga github. Tek profili në Github, shkojmë tek ''repository'' dhe klikojmë '''New'''. Vendosini një emër repos. Për të krijuar direkt github pages repo duhet të ketë standartin:
Marim një shembull konkret dhe krijojmë një repository nga github. Tek profili në Github, shkojmë tek ''repository'' dhe klikojmë '''New'''. Vendosini një emër repos. Për të krijuar direkt github pages repo duhet të ketë standartin:
Line 12: Line 14:
Ky është një emër i përkohshëm pasi domain mund të vendoset si të dëshironi nëpërmjet cname. Gjithsesi për të akitvizuar github pages pasi krijohet repo shkohet tek settings dhe tek sesioni për Github Pages kalohet zgjidhet ''master branch'' dhe ''Save''.<br />
Ky është një emër i përkohshëm pasi domain mund të vendoset si të dëshironi nëpërmjet cname. Gjithsesi për të akitvizuar github pages pasi krijohet repo shkohet tek settings dhe tek sesioni për Github Pages kalohet zgjidhet ''master branch'' dhe ''Save''.<br />
Marim repon e krijuar lokalisht. Zgjedhim '''Clone with SSH''' , kopjojmë linkun nga kutia dhe në terminal japim komandën:
Marim repon e krijuar lokalisht. Zgjedhim '''Clone with SSH''' , kopjojmë linkun nga kutia dhe në terminal japim komandën:
''<p style="color:white; background-color:black;>$ git clone git@github.com:Sidorela24/themetest.git</p>''
''<p style="color:green; background-color:black;>$ git clone git@github.com:Sidorela24/themetest.git</p>''
Në kompjuter është krijuar tashmë një direktori e re me emërtimin '''themetest'''.
Në kompjuter është krijuar tashmë një direktori e re me emërtimin '''themetest'''.
Pasi gjendet repo në github e Jekyll theme që duam të instalojmë e shkarkojmë atë lokalisht në kompjuterin tonë.  
Pasi gjendet repo në github e Jekyll theme që duam të instalojmë e shkarkojmë atë lokalisht në kompjuterin tonë.  
Shembulli që do marim: https://github.com/jekynewage/jekynewage.github.io. <br />
Shembulli që do marim: https://github.com/jekynewage/jekynewage.github.io. <br />
Të gjitha skedarët dhe dosjet që përmban kjo repo duhet të kopjohen në direktorinë '''themetest''' të kompjuterit tonë.
Të gjitha skedarët dhe dosjet që përmban kjo repo duhet të kopjohen në direktorinë '''themetest''' të kompjuterit tonë. Do kemi skedarët si më poshtë:
[[Skeda:Terminal files.png|Screenshot from terminal]]<br />
Do të instalojmë bundler dhe jekyll me komandat e mëposhtme:<br />
[[Skeda:Bundler and jekyll install.png|Screenshot i instalimeve nga terminali]]
<br />
E nevojshme për këtë theme është ndërtimi i një skedari '''Gemfile''' me komandën e mëposhtme:
''<p style="color:green; background-color:black;>$  bundle init<br />
-# Writing new Gemfile to /home/sidorela/github/themetest/Gemfile
</p>''
File i krijuar ka nevojë të editohet pasi duhet të shtojmë gem që na nevojitet ''github-pages''. Si më poshtë nga skedari duhet të komentojmë rreshtin e tretë.
 
Komanda për instalim:<br />
''<p style="color:green; background-color:black;>$ bundle install</p>
Komanda për të vënë në punë theme në serverin lokal ku mund ta shikojmë theme në: 127.0.0.1:4000/
''<p style="color:green; background-color:black;>$ bundle exec jekyll serve</p>''
Pasi u siguruam që theme u instalua duhet ti ngarkojmë këto të dhëna tek repository jonë në github. Do sugjeroja të krijonim një branch (degë) që të mos i hedhim të dhënat direkt në master, në këtë mënyrë mund të anullojmë nëse kemi gabuar diku.
''<p style="color:green; background-color:black;>$  git checkout -b newtheme </p>''
''<p style="color:green; background-color:black;>$ git checkout newtheme<br />
-# kalojmë në newtheme branch</p>''
Për të shtuar të dhënat jepen tre komandat e mëposhtme:
''<p style="color:green; background-color:black;>$ git add . <br />
-# shton të gjitha skedarët e modifikuar</p>''
 
''<p style="color:green; background-color:black;>$ git commit -m "mesazh me ndryshimin që u bë" </p>''
''<p style="color:green; background-color:black;>$ git push -u origin newtheme</p>''
 
 




==Referenca==
==Referenca==
All, Bureaucrats, Administrators, translator
750

edits

Navigation menu