Pokračování s tato série článků o tom, jak jsem přešel z WordPressu do Jekyll, Nastal čas opustit teorii a přejít k praxi.
Popisuji konfigurační kroky v tom smyslu, že jsem je udělal. První soubor, který chcete upravit, je config.yml. V tomto najdeme výchozí konfiguraci webu. Každému konkrétnímu příspěvku nebo stránce lze přiřadit jinou konfiguraci. Ale pokud tak neučiníme, bude přiřazen ten, který je založen v tomto souboru.
Nezapomeňte, že v předchozím článku jsme si stáhli téma a na něm se opíráme při tvorbě našich stránek.
Přípona .yml označuje, že dokument je zapsán pomocí YAML. Tento jazyk umožňuje vytvářet hierarchie mezi daty způsobem, který je srozumitelný jak pro počítače, tak pro lidi. Jekyll jej používá k zajištění konzistence různých komponent projektu.
Jak nakonfigurovat web pomocí YAML
Základní projekt Jekyll obsahuje soubor config.yml, který nám umožňuje definovat některé parametry.
Tyto parametry jsou reprezentovány ve formátu
Kategorie: „obsah“ Za zmínku stojí, že před ní je značka # je ignorován, takže pokud chceme, aby Jekyll použil tento parametr, musíme jej odstranit.
V našem souboru config.yml uvidíme něco takového:
title: Název webu
email: E-mail webu
description: Popis objektu webu, který mají vyhledávače zobrazit
baseurl: Pokud je blog součástí jiného webu a je mu přiřazena konkrétní složka, je to zde uvedeno
url: Hlavní doména webu.
Existují také dvě další kategorie.
twitter_username
github_username:
Tyto dva parametry zobrazují odkazy na uživatelské účty Twitter a Github.
Níže řeknete Jekyllovi, které téma použít a jaké doplňky.
Config.yml v Minimální chyby
NPoužijeme téma s mnoha dalšími možnostmi, a proto vyžaduje úplnější soubor config.yml. Nejpraktičtější je kopírovat souboru z projektu tématu a vložte jej do našeho místo jeho obsahu. Jakmile to provedete, upravíme následující parametry
Pamatujte, že naším příkladným projektem byl zahradnický blog.
První věcí, kterou musíme udělat, je stanovit téma. V tomto řádku
# theme : "minimal-mistakes-jekyll»Vymažeme symbol číslice„ # “
Toto téma nabízí několik variant. Líbí se mi volání Aqua. Okomentujeme „výchozí“ vložením symbolu #d před název a komentář „aqua“
Národní prostředí označuje jazyk webových stránek ve formátu language_VARIANT. Například, protože jsem v Argentině, je
locale : "es-AR»
Seznam jazyků najdete v Tato stránka
Označujeme název stránky
title : "Blog de jardinería"
Vybíráme oddělovač mezi nadpisem webu a nadpisem příspěvku aby se ve vyhledávačích zobrazoval správně.
title_separator : "-"
Můžeme přidat podtitul
subtitle: “Llevamos la naturaleza a tu computadora”
Uvádíme jméno osoby odpovědné za web
name : "Rosendo Margarito Flores"
Dokončujeme popis webu k zobrazení ve vyhledávačích a na domovské stránce
description : "Un blog para difundir el auto cultivo de vegetales y flores entre aquellos que no tienen la menor idea de cómo se hace."
Další dva parametry jsou dva staří známí, ale v opačném pořadí.
EV prvním případě označíme doménu webu
url: «https: //desdeeljardin.flor»
Předpokládejme, že náš blog byl součástí obchodu se semeny. Možná mu budeme chtít přiřadit vlastní typovou adresu ze zahradní květiny / blogu.
Pak to uděláme
baseurl : "/blog"
Z nějakého důvodu mají příspěvky s obrázky více návštěv než ty bez nich. Pokud jste jim žádný nepřiřadili, můžete aktivací tohoto parametru vytvořit výchozí zobrazení.
teaser : "/assets/images/500x300.png"
Aby nedocházelo k nejasnostem, ponechám původní strukturu souboru motivu. Proto v naší složce projektu musíme vytvořit složku nazvanou assets, v ní nazvanou images a uvnitř ní 500 × 300 pixelů zvaných 500 × 300.png
Můžeme také zvolit logo webu. Opakujeme postup jeho vytvoření a uložení do stejných složek a vyplnění parametru:
logo : "/assets/images/88x88.png"
Můžeme zvolit jiný název než web, který se má zobrazit nahoře prohlížeč
masthead_title: “¡Feliz primavera!”
V dalším článku budeme pokračovat v kontrole možností konfigurace. Ale využil jsem příležitosti a ujasnil jsem si, že o zahradnictví nemám ponětí. Proto nejsem zodpovědný za to, co říká ukázkový blog.