Výukový program ke stažení a instalaci Jekyll: Vytvořte statický blogový web od nuly na místním počítači

Tento Jekyll Stáhněte si instalační tutoriál a naučte vás krok za krokem✨Můžete mít svůj vlastní blog, aniž byste utráceli peníze!

Vybudujte si statický blogový web od nuly, i když jste začátečník, můžete to snadno udělat! Netřeba to komplikovatvytvořit webovou stránku, rozlučte se s problémy s budováním webu, získejte svůj vlastní exkluzivní blog během několika minut a nechte zazářit svůj talent a kreativitu! 🚀🎉

Co je Jekyll?

Výukový program ke stažení a instalaci Jekyll: Vytvořte statický blogový web od nuly na místním počítači

Jekyll, generátor statických webových stránek, je velmi vhodný pro vytváření webových stránek blogů.

Může používat text napsaný ve značkovacím jazyce a používat rozložení k vytváření statických webových stránek.

Můžete upravit vzhled webu, URL, data zobrazená na stránce a další...

Nedostatky Jekylla jsou zřejmé, protože nepoužívá databázi, je pro stavbu zcela nevhodnýElektronický obchodtyp webu.

Jaké jsou výhody Jekyll?

  • Jekyll se snadno používá a učí.
  • Jekyll dokáže generovat rychlé a bezpečné statické webové stránky.
  • Jekyll má k dispozici velké množství témat a pluginů.

Jak začít používat Jekyll?

  1. Nainstalujte Jekyll.
  2. Vytvořte nový web Jekyll.
  3. Vyberte si téma Jekyll.
  4. Přidejte svůj obsah.
  5. Prohlédněte si svůj web.
  6. Vytvořte si svůj web.
  7. Nasaďte svůj web:Statický blog Jekyll je nasazen na Surge.sh zdarma

Nainstalujte Jekyll stažením RubyInstaller

Nejjednodušší způsob, jak nainstalovat Ruby a Jekyll, je použít RubyInstaller pro Windows.

RubyInstaller je nezávislý instalační program pro Windows, který obsahuje jazyk Ruby, spouštěcí prostředí, důležitou dokumentaci atd.

Zde pokrýváme pouze RubyInstaller-2.4 a vyšší. Starší verze vyžadují ruční instalaci Devkitu.

krok 1:Stáhněte si RubyInstaller

  • Stáhněte a nainstalujte z RubyInstaller DownloadsRuby+Devkitverze.
  • Nainstalujte pomocí výchozích možností.

第 2 步:Zadejte cmd

lisKlávesa WIN + klávesa RA vstoupit cmda poté stiskněte Enter ▼

Krok 2: Zadejte cmd a stiskněte klávesu WIN + klávesu R, poté zadejte cmd a poté stiskněte Enter

第 3 步:Zadejte příkazový vstup ridk installKroky v závěrečných fázích instalace.

  • To je nutné k instalaci drahokamů s nativními rozšířeními.
  • Vyberte si z možnostíMSYS2 and MINGW development tool chain.
  • Spustit příkaz ruby -vgem -v zkontrolujte číslo verze a ověřte, zda byla instalace úspěšná.

Otevřete nabídku Start systému Windows a vyhledejteStart Command Prompt with Ruby, abyste povolili příkazový řádek Ruby.

第 4 步:Přepněte zdroj drahokamů na čínský zdroj

Kvůli problémům se síťovým připojením a rychlostí se před zvažováním aktualizace drahokamu důrazně doporučuje přepnout zdroj drahokamu na čínský zdroj▼

gem sources --remove https://rubygems.org/
gem sources -a https://gems.ruby-china.com/

nebo

gem sources --add https://gems.ruby-china.com/ --remove https://rubygems.org/

第 5 步:Podívejme se na aktuální zdroje ▼

gem sources -l
  • Ujistěte se, že existují pouze gems.ruby-china.com

第 6 步:Aktualizujte rubínový drahokam▼

gem update

第 7 步:Instalujeme komponenty ▼

gem install jekyll bundler

第 8 步:Zkontrolujte, zda je Jekyll plně nainstalován▼

jekyll -v

Vybudujte statický blog Jelly na svém místním počítači

第 1 步:Změňte písmeno jednotky▼
Zadejte přímo do cmdd:

第 2 步:Změnit aktuální složku▼

cd d:\Jekyll\

第 3 步:Vytvořte nový web Jekyll pomocí následujícího příkazu ▼

jekyll new site1

第 4 步:Zadejte adresář projektu▼

cd site1

第 5 步:Spusťte službu Jekyll▼

jekyll serve

převod--livereloadmožnostiserveAutomaticky aktualizovat stránku pokaždé, když jsou provedeny změny ve zdrojovém souboru▼

bundle exec jekyll serve --livereload
  • Když vyvíjíte svůj web, použijtejekyll serveNebo jekyll build
  • Chcete-li přinutit prohlížeč, aby se obnovil při každé změně, použijtejekyll serve --livereload.
  • jekyll serveVestavěná verze webu_siteNevhodné pro nasazení.
  • Použijte odkazy a adresy URL podkladů z vytvořeného webu jekyll serve použije https://localhost:4000 Hodnota se nastavuje prostřednictvím konfigurace příkazového řádku, nikoli v konfiguračním souboru webu.

第 6 步:přístup http://localhost:4000 Zobrazit projekt.

Poznámka:

  • Pokud je soubor umístěn v xxx.github , může to způsobit, že stránka Github nebude aktualizována.
  • Důvodem tohoto jevu je, že GitHub bude číst pouze xxx.github io/_includes v Jekyll a nebude zacházet hluboko do blogu/_includes.
  • Naštěstí tento problém není obtížný problém. Stačí nastavit Github Page na GitHubu a problém bude během okamžiku vyřešen!

Jak odstranit web Jekyll nainstalovaný na místním počítači pomocí příkazů?

Následující příkaz můžete použít k odstranění lokálně nainstalovaného webu Jekyll.

Smažte vygenerované soubory:

第 1 步:Spusťte následující příkaz k vymazání vygenerovaných souborů▼

jekyll clean

第 2 步:Smažte všechny adresáře webových stránek

  • Pokud chcete zcela smazat celý adresář webových stránek, můžete ručně odstranit C:/Users/a/myblog složku.

Jekyllovy zdroje

Jekyll je jednoduchý framework ve stylu blogu pro vytváření statických webů.

používá Snížení ceny a Liquid template language, což vám umožní snadno vytvářet krásné, dynamické webové stránky.

Další informace naleznete v dokumentaci Jekyll.

Zde je několik užitečných zdrojů o Jekyll Doufám, že vám tyto zdroje pomohou použít Jekyll k vytvoření webu!

Blog Hope Chen Weiliang ( https://www.chenweiliang.com/ ) sdílel „Výukový program ke stažení a instalaci Jekyll: Vytvořte si web statického blogu od nuly na místním počítači“, který vám bude užitečný.

Vítejte u sdílení odkazu na tento článek:https://www.chenweiliang.com/cwl-31549.html

Vítejte na telegramovém kanálu blogu Chen Weiliang, kde získáte nejnovější aktualizace!

🔔 Buďte první, kdo získá cenný „Průvodce používáním nástroje AI pro obsahový marketing ChatGPT“ v hlavním adresáři kanálu! 🌟
📚 Tento průvodce má obrovskou hodnotu, 🌟Toto je vzácná příležitost, nenechte si ji ujít! ⏰⌛💨
Sdílejte a lajkujte, pokud se vám líbí!
Vaše sdílení a lajky jsou naší neustálou motivací!

 

发表 评论

Vaše e-mailová adresa nebude zveřejněna. 必填 项 已 用 * 标注

滚动 到 顶部