Accentsconagua
Share
Jekyll kan met GitHub Pages worden gebruikt om eenvoudige, blog-bewuste, statische websites te maken. Deze video laat je zien hoe je de kale Jekyll platte bestandsstructuur in 60 seconden kunt instellen!
Als je eenmaal klaar bent en behoefte hebt aan inspiratie, bekijk dan wat er beschikbaar is in de Jekyll-thema's op Envato Market.
Als u liever een schriftelijke uitleg wilt, wordt hier het hele proces beschreven in duidelijke stappen:
Maak eerst een map op uw systeem voor een nieuwe repo. Doe dit met behulp van de terminal om te navigeren naar waar u uw nieuwe map wilt hebben en voer vervolgens in: mkdir mysite. Onze nieuwe map heet "mijnsite", maar u kunt het een naam geven die u maar wilt.
Verander de map naar deze nieuwe map door in te voeren cd mysite-eenmaal daar een configuratiebestand maken door de opdracht in te voeren vim _config.yml. In uw terminalvenster ziet u de inhoud van dit bestand, dus klik ik binnenkomen invoegmodus, voeg vervolgens de volgende inhoud toe:
titel: mijn site
Raken Esc Verlaten invoegmodus, ga dan naar binnen :X om de aangebrachte wijzigingen op te slaan.
Vervolgens moeten we het indexdocument maken, dus voer het in vim index.md en net zoals je eerder hebt gedaan, voeg je de volgende inhoud toe:
--- title: Hallo layout: standaard --- Hallo!
Maak nu een nieuwe map door in te voeren mkdir _layouts en verander naar die map met cd _layouts. Geef het een standaardsjabloondocument vim default.html en voeg de volgende inhoud toe:
inhoud
Nu moeten we de map initialiseren als een nieuwe repo en de wijzigingen doorvoeren. Dus begin met terug te gaan naar de hoofdmap van ons project met CD… . Ga dan naar binnen git init, gevolgd door git add --all && git commit - alles.
Ga via de browser naar GitHub en maak een nieuwe repo.
Je krijgt op dit moment een paar opties, dus pak de opdrachten waar je hem ziet een bestaande repository pushen vanaf de opdrachtregel. De commando's zullen iets als lezen:
git remote add origin [email protected]: your_username / mysite.git git push -u originemeester
Plak deze opdrachten in de terminal om je lokale repository naar GitHub te duwen.
Ten slotte in de repository van GitHub instellingen, kies ervoor om de hoofdtak te gebruiken voor GitHub-pagina's, dan raken Opslaan.
Jekyll is helemaal klaar en je website is klaar om te worden gebouwd!
Raadpleeg de volgende bronnen voor Envato Tuts voor meer informatie over het bouwen van statische websites met Jekyll+!
