Hoe te uploaden Jekyll naar Github pagina

We hebben besproken hoe een Jekyll-blog lokaal op onze computer kan worden opgezet, een concept kan worden gemaakt en meerdere concepten kan worden beheerd met behulp van een plug-in in de vorige berichten. Nu zijn we klaar om de blog op de online server in te zetten en de wereld te laten zien hoe geweldig onze blog is.

Jekyll inzetten op de online server is zo eenvoudig, het is maar een statische website. Het enige dat u nodig hebt, is shared hosting met voldoende schijfruimte en voldoende bandbreedte om het te hosten. De kosten voor shared hosting moeten betaalbaar zijn. Maar nogmaals, waarom zou u zich zorgen maken wanneer u een Jekyll-blog volledig gratis kunt hosten - met behulp van Github-pagina's.

Github biedt Github-pagina's gratis aan voor iedereen die hun statische websites host. Het heeft Jekyll ingebouwd, dus het is een goede plek om ons door Jekyll aangedreven blog te hosten. In dit artikel laten we u zien hoe u onze blog kunt inzetten op Github Pages .

Ermee beginnen

Ten eerste moet je een Github-account hebben. Zodra u er een hebt, maakt u een nieuwe repository. De naam van uw repository wordt gebruikt voor het {username}.github.io/{repo-name} in de volgende indeling {username}.github.io/{repo-name} .

In dit voorbeeld zal ik mijn repository simpelweg als blog benoemen. Wanneer de repository is gemaakt, kopieert u de kloon-URL .

Toevoegen, Vastleggen en Pushen

We gaan onze lokale Jekyll-bestanden uploaden naar onze nieuwe Github-repository. Ik zal Github voor Mac gebruiken om de klus te klaren, die gratis kan worden gedownload - Github voor Windows is ook beschikbaar voor Windows-gebruikers.

Laten we de Github-app starten en dan onze Jekyll-blogdirectory als een lokale repository toevoegen.

Ga naar de pagina Instellingen. Plak de Github git-kloon-URL die hierboven is gekopieerd.

Commit en druk de bestanden naar Github.

Ga naar Github. Zorg ervoor dat alle bestanden met succes zijn geüpload.

Github Pages Branch

Het maken van een Github-pagina voor een repository is net zo eenvoudig als het maken van een nieuwe git branch. Ga in de Github-app naar het tabblad Branches . Maak een nieuwe tak met de naam gh-pages van de mastertak en klik op de knop Publiceren.

De nieuwe branch is nu geregistreerd in de Github-repository.

De Github-pagina voor uw repository zou binnen enkele minuten gereed moeten zijn. Wanneer dit het geval is, kunt u dit openen in de browsers op {username}.github.io/{repo-name}, bijvoorbeeld:

Probleemoplossen

Als de blog niet goed is gestileerd, kan dit zijn omdat de stylesheet niet goed is gekoppeld. Om dit probleem op te lossen, opent u de map default.html in de map _layouts. U zult zien dat de stylesheet is geïnitialiseerd met een schuine streep, / .

Laat die eerste schuine streep weg, zodat het pad er als volgt uitziet:

Breng vervolgens de wijziging tot stand en druk op Github. De blog moet nu correct worden weergegeven.

40 verslavende webspellen aangedreven door HTML5

In de goede dagen beheerst Flash de multimediatoepassing op het web, maar de komst van HTML5 verandert alles. Hoewel het internet het er over het algemeen mee eens is dat Flash en HTML5 hun eigen voordelen en specialiteiten hebben, hebben we in feite gezien dat meer websites HTML5 implementeren in plaats van Flash, zelfs voor webgames

(Technische en ontwerptips)

Hoe beter CSS te schrijven met prestaties in het achterhoofd

In de post van vandaag zullen we nadenken over de codekeuzes die we in CSS kunnen maken voor verbeterde siteprestaties. Maar voordat we dieper ingaan op die keuzes, laten we eerst de werkstroom voor het renderen van de webpagina eens kort bekijken om ons te concentreren op de problematische (prestatiegerichte) gebieden die oplosbaar zijn via CSS

(Technische en ontwerptips)