nl.hideout-lastation.com
Paradijs Voor Ontwerpers En Ontwikkelaars


Hoe maak je een blog met Jekyll - een gids voor beginners

WordPress, dat nederig begon als een blogplatform, is nu getransformeerd in een volwaardig en zeer populair CMS . Met WordPress kunt u (bijna) elke soort website bouwen, van een portfolio tot een e-commerce website.

Maar wat als u zich alleen zorgen maakt over bloggen en u geen vervelende functies nodig hebt in WordPress, zoals aangepaste taxonomie, gebruikersbeheer, moderatie van opmerkingen en een aardige media-uploader?

Kort gezegd, u wilt zich alleen concentreren op het schrijven en publiceren van uw inhoud . Als dat iets is dat u in gedachten heeft, laten we Jekyll ontmoeten, een statische blog-engine.

Over Jekyll

Jekyll komt met het idee om een ​​statisch (zelfde oude HTML) blog te maken, een blog dat gemakkelijk te onderhouden is. In vergelijking met een dynamische blogtool, zoals WordPress die is gebouwd met een server-side taal zoals PHP, heeft een statische website 2 belangrijke voordelen.

Ten eerste dient het en presteert het sneller . Ten tweede verbruikt het minder webbronnen, namelijk geheugen en database-I / O. Bovendien, als u Jekyll gebruikt, kunt u uw blog gratis hosten op Github Pages.

Installeer Jekyll

Laten we eerst Jekyll in ons systeem installeren. Start Terminal en typ de volgende opdrachtregel:

 sudo gem installeer jekyll 

Na de installatie voert u deze opdracht uit om ervoor te zorgen dat het jekyll commando functioneert.

 jekyll -v 

De opdracht zou de Jekyll-versie moeten weergeven, zoals zo:

Maak een Jekyll-site

Om een ​​nieuw blog met Jekyll te maken, typ je jekyll gevolgd door new en de naam van de site in Terminal. Bijvoorbeeld:

 jekyll nieuwe jekyll-blog 

In dit voorbeeld heeft het een nieuwe map gemaakt zoals opgegeven, jekyll-blog, evenals de volgende dingen in:

Typ deze onderstaande opdracht om de Jekyll-server te activeren.

 Jekyll serveren 

U kunt de server ook uitvoeren met de --watch vlag; op die manier wordt de blog automatisch bijgewerkt elke keer dat we een wijziging hebben aangebracht.

Ga naar de browser en typ http://localhost:4000, of zoals weergegeven in het Terminal-scherm om de blog te openen.

De documentstructuur

Jekyll past een specifieke documentstructuur toe die we moeten volgen, zodat de blog goed zou kunnen functioneren. Laten we eens kijken naar wat we in onze blogdirectory hieronder hebben:

 | - _config.yml | - _layouts | - _posts | - _site | - css `- index.html 

Ten eerste hebben we _config.yml ; het is het configuratiebestand van de blog dat is geschreven in Yaml. In dit bestand kunnen we de blognaam, het permalink-formaat, de host, het poortnummer en enzovoort opgeven.

_layouts is waar we een aangepaste lay-out voor pagina of post plaatsen.

_posts is de map waar we al onze berichten bewaren. Alle berichten moeten worden geschreven met Markdown of Textile. Ze worden gecompileerd en opslaan de uitvoer in _site directory; dit is de map waar Jekyll de berichten in de browser zal weergeven.

Ten slotte hebben we css en index.html .

Voorlopig laten we ze zoals ze zijn, zonder aangepaste configuratie. Laten we beginnen met het schrijven van ons eerste bericht.

Een nieuwe post schrijven

Zoals hierboven vermeld, schrijven we in Jekyll de post in Markdown of Textile. We hebben het vorige behandeld over hoe te schrijven met Markdown; Misschien wilt u die link eerst controleren voordat u verder gaat.

Naamgeving

Om een ​​bericht te maken, maken we ook een nieuw bestand dat de naamgevingsconventie year-month-date-{post-slug}.{file-extension} moet volgen year-month-date-{post-slug}.{file-extension}, bijvoorbeeld: 2014-03-11-hello-world.md . Sla het bestand op in de map _posts .

Plaats de voorkant

Voordat we beginnen met het schrijven van de body-inhoud van onze post, moeten we eerst de post-front-matter definiëren, namelijk de titel en de post-layout . We kunnen ook de postcategorieën en de tags definiëren, maar deze zijn optioneel. Het belangrijkste is dat de front-materie binnen een drievoudige stippellijn moet worden geplaatst. Hier is een voorbeeld:

 --- layout: post titel: Hello World! --- 

Dan kunnen we de inhoud schrijven:

 Hallo Wereld! Welkom bij Jekyll. Dit is je eerste bericht. 

Bewaar het bestand. We zullen de gegenereerde psot zien en verschijnen op onze blog. Leuk!

Afronden

In deze post hebben we je laten zien hoe je Jekyll installeert en je nieuwe bericht schrijft, wat de basis dingen zijn waarvan ik denk dat je ze moet leren kennen voordat je verder gaat met Jekyll. Er zijn nog veel meer dingen te ontdekken in Jekyll en we zullen ze in toekomstige berichten bespreken. Blijf kijken.

20 Nieuwe Adobe Illustrator-zelfstudies om te leren in 2017

20 Nieuwe Adobe Illustrator-zelfstudies om te leren in 2017

Ontwerpen en digitale kunst is een van die vaardigheden die voortdurend moet worden bijgewerkt naarmate nieuwe gereedschappen en technologie steeds verder worden ontwikkeld . Op dezelfde manier worden voor Adobe Illustrator nieuwe trucjes en technieken veel gemaakt. Maar u hoeft geen speciale lessen te volgen of deel te nemen aan een cursus om uw Illustrator-vaardigheden op te frissen, aangezien de tutorials van Adobe Illustrator precies het juiste werk kunnen doen

(Technische en ontwerptips)

Gebruik deze startchecklist voor elke nieuwe site die u bouwt

Gebruik deze startchecklist voor elke nieuwe site die u bouwt

Het ontwerpen en coderen van een website kost veel aandacht. Het is echter een heel ander karwei om de site online te krijgen en volledig te optimaliseren .Met deze Web Launch Checklist kunt u ingaan op de belangrijkste punten van een nieuwe website om ervoor te zorgen dat u alles bestrijkt. Dit omvat basistips voor prestaties, zoals laadtijd, maar ook belangrijke taken zoals SEO, inhoud, beveiliging en toegankelijkheid

(Technische en ontwerptips)