Návod na stiahnutie a inštaláciu Jekyll: Vytvorte si od začiatku statickú webovú stránku blogu na svojom lokálnom počítači

这篇 Jekyll 下载安装教程,手把手教你✨不用花钱也能拥有自己的博客!

Vybudujte si statickú webovú stránku blogu od nuly, aj keď ste nováčik, môžete to ľahko urobiť! Netreba to komplikovaťvytvoriť webovú stránku, rozlúčte sa s problémami s budovaním webovej stránky, majte svoj vlastný exkluzívny blog za pár minút a nechajte vyniknúť svoj talent a kreativitu! 🚀🎉

Čo je Jekyll?

Návod na stiahnutie a inštaláciu Jekyll: Vytvorte si od začiatku statickú webovú stránku blogu na svojom lokálnom počítači

Jekyll, generátor statických webových stránok, je veľmi vhodný na vytváranie blogových webových stránok.

Môže použiť text napísaný v značkovacom jazyku a použiť rozloženie na vytváranie statických webových stránok.

Môžete upraviť vzhľad webovej stránky, URL, údaje zobrazené na stránke a ďalšie...

Nedostatky Jekyllu sú zrejmé, pretože nepoužíva databázu, je úplne nevhodný na stavbuE-commercetyp webovej stránky.

Aké sú výhody Jekyll?

  • Jekyll sa ľahko používa a učí sa.
  • Jekyll dokáže generovať rýchle a bezpečné statické webové stránky.
  • Jekyll má k dispozícii veľké množstvo tém a pluginov.

Ako začať používať Jekyll?

  1. Nainštalujte Jekyll.
  2. Vytvorte novú webovú stránku Jekyll.
  3. Vyberte si tému Jekyll.
  4. Pridajte svoj obsah.
  5. Ukážka svojej webovej stránky.
  6. Zostavte si svoj web.
  7. 部署你的网站:Jekyll静态博客免费部署到Surge.sh

Nainštalujte Jekyll stiahnutím RubyInstaller

Najjednoduchší spôsob, ako nainštalovať Ruby a Jekyll, je použiť RubyInstaller pre Windows.

RubyInstaller je nezávislý inštalačný program založený na systéme Windows, ktorý obsahuje jazyk Ruby, spúšťacie prostredie, dôležitú dokumentáciu atď.

Tu pokrývame iba RubyInstaller-2.4 a vyšší. Staršie verzie vyžadujú manuálnu inštaláciu Devkitu.

krok 1:Stiahnite si RubyInstaller

  • Stiahnite si a nainštalujte z RubyInstaller DownloadsRuby+DevkitVerzia.
  • Nainštalujte pomocou predvolených možností.

第 2 步:Zadajte cmd

stlačte tlačidloKláves WIN + kláves R, potom zadajte cmda potom stlačte Enter ▼

Krok 2: Zadajte cmd a stlačte kláves WIN + kláves R, potom zadajte cmd a potom stlačte kláves Enter

第 3 步:Zadajte príkazový vstup ridk installKroky v záverečných fázach inštalácie.

  • Toto je potrebné na inštaláciu drahokamov s natívnymi rozšíreniami.
  • Vyberte si z možnostíMSYS2 and MINGW development tool chain.
  • Spustiť príkaz ruby -v A gem -v skontrolujte číslo verzie, aby ste potvrdili, či bola inštalácia úspešná.

Otvorte ponuku Štart systému Windows a vyhľadajteStart Command Prompt with Ruby, aby ste povolili príkazový riadok Ruby.

第 4 步:Prepnite zdroj drahokamov na čínsky zdroj

Kvôli problémom so sieťovým pripojením a rýchlosťou sa pred zvažovaním aktualizácie drahokamu dôrazne odporúča prepnúť zdroj drahokamu na čínsky zdroj▼

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

alebo

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

第 5 步:Pozrime sa na aktuálne zdroje ▼

gem sources -l
  • Uistite sa, že existujú iba gems.ruby-china.com

第 6 步:Aktualizovať rubínový drahokam▼

gem update

第 7 步:Inštalujeme komponenty ▼

gem install jekyll bundler

第 8 步:Skontrolujte, či je Jekyll úplne nainštalovaný▼

jekyll -v

Vytvorte statickú blogovú webovú stránku Jelly na vašom lokálnom počítači

第 1 步:Zmeňte písmeno jednotky▼
Zadajte priamo do cmdd:

第 2 步:Zmeniť aktuálny priečinok▼

cd d:\Jekyll\

第 3 步:Vytvorte novú webovú stránku Jekyll pomocou nasledujúceho príkazu ▼

jekyll new site1

第 4 步:Zadajte adresár projektu▼

cd site1

第 5 步:Spustite službu Jekyll▼

jekyll serve

传递--livereloadmožnostiserveAutomaticky obnoviť stránku vždy, keď sa v zdrojovom súbore vykonajú zmeny▼

bundle exec jekyll serve --livereload
  • Keď vyvíjate svoje webové stránky, použitejekyll servealebo jekyll build
  • Ak chcete, aby sa prehliadač obnovil pri každej zmene, použitejekyll serve --livereload.
  • jekyll serveVstavaná verzia stránky_siteNevhodné na nasadenie.
  • Použite odkazy a adresy URL diel z vytvorenej lokality jekyll serve bude používať https://localhost:4000 Hodnota sa nastavuje prostredníctvom konfigurácie príkazového riadka, nie v konfiguračnom súbore lokality.

第 6 步:prístup http://localhost:4000 Zobraziť projekt.

Bezpečnostné opatrenia:

  • Ak je súbor umiestnený v xxx.github .io/blog, môže to spôsobiť, že stránka Github nebude aktualizovaná.
  • Dôvodom tohto javu je, že GitHub bude čítať iba xxx.github .io/_includes v Jekyll a nebude zachádzať hlboko do blogu/_includes.
  • Našťastie tento problém nie je zložitým problémom. Stačí si na GitHub nastaviť stránku Github a problém bude okamžite vyriešený!

Ako odstrániť webovú stránku Jekyll nainštalovanú na lokálnom počítači pomocou príkazov?

Na odstránenie lokálne nainštalovanej webovej lokality Jekyll môžete použiť nasledujúci príkaz.

Odstráňte vygenerované súbory:

第 1 步:Spustite nasledujúci príkaz na vymazanie vygenerovaných súborov▼

jekyll clean

第 2 步:Odstráňte všetky adresáre webových stránok

  • Ak chcete úplne odstrániť celý adresár webovej stránky, môžete ho odstrániť ručne C:/Users/a/myblog priečinok.

Jekyll zdroje

Jekyll je jednoduchý rámec v štýle blogu na vytváranie statických webových stránok.

Používa sa Markdown a Liquid template language, ktorý vám umožňuje jednoducho vytvárať nádherné, dynamické webové stránky.

Viac informácií nájdete v dokumentácii Jekyll.

Tu je niekoľko užitočných zdrojov o Jekyll. Dúfam, že vám tieto zdroje pomôžu použiť Jekyll na vytvorenie webovej stránky!

Blog Hope Chen Weiliang ( https://www.chenweiliang.com/ ) zdieľal „Návod na stiahnutie a inštaláciu Jekyll: Vytvorenie statickej blogovej webovej stránky od začiatku na lokálnom počítači“, ktorá vám bude užitočná.

Vitajte pri zdieľaní odkazu na tento článok:https://www.chenweiliang.com/cwl-31549.html

Vitajte na telegramovom kanáli blogu Chen Weiliang, kde získate najnovšie aktualizácie!

🔔 Buďte prvý, kto získa cennú „Sprievodcu používaním nástroja AI pre obsahový marketing ChatGPT“ v hlavnom adresári kanála! 🌟
📚 Táto príručka obsahuje obrovskú hodnotu, 🌟Toto je vzácna príležitosť, nenechajte si ju ujsť! ⏰⌛💨
Ak sa vám páči, zdieľajte a lajkujte!
Vaše zdieľanie a lajky sú našou neustálou motiváciou!

 

发表 评论

Vaša emailová adresa nebude zverejnená. 必填 项 已 用 * Štítok

prejdite na začiatok