Hoe u uw blog gratis kunt hosten met behulp van Jekyll- en GitHub-pagina's

als je wilt een blog beginnen , de kans dat de voornaam die je tegenkomt is hood.discount. Daar is een reden voor. WordPress is een zeer flexibel platform dat zowel grote als kleine sites beheert. Het punt is dat niet elke site een sterke infrastructuur nodig heeft, vooral een eenvoudige blog.

Er zijn kleinere, eenvoudigere en goedkopere opties beschikbaar. GitHub-pagina's Bijvoorbeeld gratis voor persoonlijk gebruik. Combineer dat met Jekyll , en hij Statische website generator En je hebt alles wat je nodig hebt om een ​​blog te starten. Nog beter, het is allemaal gratis.

Voordat je start

Jekyll draait op je computer en alleen macOS en Linux worden officieel ondersteund. We behandelen hier beide besturingssystemen, en de Linux-instructies werken mogelijk met het Windows-subsysteem voor Linux met Ubuntu. Het is echter niet getest.

U wilt ook toegang tot een goede teksteditor. TextEdit of GEdit doen dit, maar je hebt misschien iets krachtigers nodig. We hebben er veel bekeken Teksteditors op geweldige platforms In het verleden.

Dingen die je moet weten

U moet op zijn minst een beetje bekend zijn met de opdrachtregel. Het zal ook nodig zijn om git en GitHub te hebben. Als je dat niet gewend bent, We hebben een git-directory En de documentatie van GitHub is uitstekend.

Ten slotte gebruikt u Jekyll Markdown, waarmee u in platte tekst kunt schrijven, maar uw inhoud wordt in HTML aan de gebruiker gepresenteerd. Je moet bekend zijn met Markdown , of in ieder geval bereid om het te leren. Dit klinkt misschien ontmoedigend, maar Markdown is gemakkelijk te leren (we hebben zelfs zijn eigen trucspagina).

Jekyll installatie en betrouwbaarheid

Dit is getest op macOS Mojave en Ubuntu 18.04. Als u een andere versie van het besturingssysteem gebruikt, kunt u de Jekyll-website raadplegen voor meer informatie.

macOS

Voordat u Jekyll kunt installeren, moet u de XCode-opdrachtregelprogramma's installeren met de volgende opdracht:

xcode-select --install

Selecteer Installeren en wacht tot het installatieprogramma is voltooid. Nu kunt u Jekyll en Bundler installeren:

gem install --user-install bundler jekyll

Wanneer u deze opdracht uitvoert, ziet u een waarschuwing die lijkt op de onderstaande:

WAARSCHUWING: Je hebt geen /Users/YOURNAME/.gem/ruby/2.3.0/bin in je PATH, uitvoerbare gem-bestanden zullen niet worden uitgevoerd.

Noteer het versienummer. Uitgaande van het bovenstaande bericht, voert u de volgende opdrachten uit en vervangt u het juiste versienummer als dit anders is:

echo export 'PATH=$HOME/.gem/ruby/2.3.0/bin:$PATH' >> ~/.bash_profile source ~/.bash_profile

Ubuntu

Voordat je Jekyll installeert, moet je de build-tools installeren met de volgende opdracht:

sudo apt-get install ruby-full build-essential zlib1g-dev

Net als bij macOS willen we het installeren en uitvoeren vanuit de basismap in plaats van vanuit de root. Voer de volgende opdrachten uit:

echo 'export GEM\_HOME="$HOME/gems"' >> ~/.bashrc echo 'export PATH="$HOME/gems/bin:$PATH"' >> ~/.bashrc source ~/.bashrc

Nu installeren Jekyll و Bundler:

gem install jekyll bundler

Test uw Jekyll-installatie

Ga als volgt te werk om ervoor te zorgen dat alles werkt:

jekyll -v

Als alles correct is geïnstalleerd, ziet u een bericht met het versienummer. Als u in plaats daarvan een bericht ziet dat het niet bestaat, zie Jekyll-documentatie.

Zet je nieuwe blog op met Jekyll

Nu je Jekyll hebt geïnstalleerd, is het maken van je nieuwe blog eenvoudig:

nieuwe blog van Jekyll

U kunt elke gewenste naam gebruiken in de bovenstaande opdracht in plaats van blog. Dit is gewoon de naam van de Jekyll-directory die wordt gemaakt. Ga nu terug naar de map die u zojuist met cd hebt gemaakt en voer de volgende opdracht uit:

bundle exec jekyll serve

Hiermee wordt uw nieuwe blog gestart om lokaal op uw computer te worden uitgevoerd. Open de URL die in uw browser wordt weergegeven om de site te bekijken. Zoals je kunt zien, is er wat werk aan de winkel. Druk op Ctrl + C om te stoppen.

Pas je blog aan

Om de URL en andere informatie te bewerken, opent u de directory van uw blog en bewerkt u "_config.yml". De verschillende opties hier zijn vrij eenvoudig. Als u wilt, kunt u nu uw startpagina bewerken, het bestand "index.md", hoewel dit optioneel is.

Om te beginnen met het schrijven van je eerste bericht, open je de map "_posts" en je ziet een voorbeeldbericht. Open dit vak en bewerk of kopieer het om een ​​nieuw bericht te maken.

Publiceer je blog op GitHub

Nu uw site lokaal is ingesteld, is het tijd om deze online te zetten. Als je nog geen GitHub-account hebt ingesteld, meld je dan aan en installeer en configureer git op je pc. Maak vervolgens een nieuwe repository met de naam gebruikersnaam.github.io, waarbij u "gebruikersnaam" vervangt door uw GitHub-gebruikersnaam.

Open nu je apparaat en ga terug naar je blogmap via cd. Voer de volgende opdrachten uit.

git initgit add --allgit commit -m "initial commit"git remote add origin https://github.com/username/username.github.io.gitgit push -u origin-master

Nu zou je in staat moeten zijn om te bezoeken gebruikersnaam.github.io En let op je nieuwe blog. Als het niet meteen verschijnt, wacht dan een paar minuten en probeer het opnieuw.

Volgende stappen

De bovenstaande stappen zijn slechts de basis om uw blog in de lucht te krijgen. ik heb Jekyll heeft veel te bieden , dus zorg ervoor dat u de documentatie controleert. Er zijn ook een aantal Beschikbare skins Om je blog een onderscheidende uitstraling te geven.

Er zijn ook meer stappen te nemen met GitHub Pages. Het gebruik van HTTPS-ondersteuning is een ingewikkelder proces, maar het kan nu worden gedaan in repository-instellingen. Je kunt je eigen domeinnaam instellen, wat ook een eenvoudig proces is, GitHub heeft: Prima handleiding hoe je dit moet doen.

Een laatste ding om in gedachten te houden is dat het een goed idee is om lokaal op sitewijzigingen te controleren voordat u ze in uw repository vastlegt. Voer gewoon de bundel-opdracht uit die we eerder hebben gebruikt om uw site op uw computer te bekijken. Dit zal je helpen alles op te sporen, van typefouten tot syntaxisfouten in Markdown.

Ga naar de bovenste knop