Tutorial de descărcare și instalare Jekyll: creați un site web de blog static de la zero pe computerul dvs. local

这篇 Jekyll Descarcă tutorialul de instalare și te învață pas cu pas✨Poți avea propriul tău blog fără a cheltui bani!

Creați un site web de blog static de la zero, chiar dacă sunteți începător, o puteți face cu ușurință! Nu trebuie să te compliciconstrui un site web, spune-ți adio necazului de a construi un site web, ai propriul tău blog exclusiv în câteva minute și lasă-ți talentele și creativitatea să strălucească! 🚀🎉

Ce este Jekyll?

Tutorial de descărcare și instalare Jekyll: creați un site web de blog static de la zero pe computerul dvs. local

Jekyll, un generator de site-uri web static, este foarte potrivit pentru construirea de site-uri web de blog.

Poate folosi text scris în limbaj de marcare și poate folosi aspectul pentru a construi site-uri web statice.

Puteți modifica aspectul site-ului web, adresa URL, datele afișate pe pagină și multe altele...

Neajunsurile lui Jekyll sunt evidente, deoarece nu folosește o bază de date, este complet nepotrivit pentru construireaE-commercetip de site web.

Care sunt avantajele Jekyll?

  • Jekyll este ușor de folosit și de învățat.
  • Jekyll poate genera site-uri web statice rapide și sigure.
  • Jekyll are un număr mare de teme și pluginuri disponibile.

Cum să începeți să utilizați Jekyll?

  1. Instalați Jekyll.
  2. Creați un nou site web Jekyll.
  3. Alegeți o temă Jekyll.
  4. 添加你的内容:Jekyll新建文章教程
  5. Previzualizează site-ul tău.
  6. Construiește-ți site-ul web.
  7. Implementează-ți site-ul web:Blogul static Jekyll este implementat gratuit pe Surge.sh

Instalați Jekyll descărcând RubyInstaller

Cel mai simplu mod de a instala Ruby și Jekyll este să utilizați RubyInstaller pentru Windows.

RubyInstaller este un program de instalare independent bazat pe Windows, care include limbajul Ruby, mediul de execuție, documentație importantă etc.

Acoperim aici doar RubyInstaller-2.4 și o versiune ulterioară. Versiunile mai vechi necesită instalarea manuală a Devkit.

pasul 1:Descărcați RubyInstaller

  • Descărcați și instalați din RubyInstaller DownloadsRuby+Devkitversiune.
  • Instalați folosind opțiunile implicite.

第 2 步 :Introduceți cmd

presaTasta WIN + tasta R, apoi intrați cmd, apoi apăsați Enter ▼

Pasul 2: Introduceți cmd și apăsați tasta WIN + tasta R, apoi introduceți cmd, apoi apăsați Enter

第 3 步 :Introduceți intrarea comenzii ridk installEtape în etapele finale de instalare.

  • Acest lucru este necesar pentru a instala pietre prețioase cu extensii native.
  • Alegeți dintre opțiuniMSYS2 and MINGW development tool chain.
  • Executa comanda ruby -vgem -v pentru a verifica numărul versiunii pentru a confirma dacă instalarea a avut succes.

Deschideți meniul Start Windows și găsițiStart Command Prompt with Ruby, pentru a activa linia de comandă Ruby.

第 4 步 :Comutați sursa de pietre prețioase la sursa chineză

Din cauza problemelor de conexiune la rețea și de viteză, înainte de a lua în considerare actualizarea bijuteriei, se recomandă insistent să comutați sursa de bijuterie la sursa chineză▼

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

sau

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

第 5 步 :Să verificăm sursele curente ▼

gem sources -l
  • Asigurați-vă că există doar gems.ruby-china.com

第 6 步 :Actualizați bijuteria Ruby▼

gem update

第 7 步 :Instalăm componente ▼

gem install jekyll bundler

第 8 步 :Verificați dacă Jekyll este complet instalat▼

jekyll -v

Creați un site web de blog static Jelly pe computerul dvs. local

第 1 步 :Schimbați litera de unitate▼
Introduceți direct în cmdd:

第 2 步 :Schimbați folderul curent▼

cd d:\Jekyll\

第 3 步 :Creați un nou site web Jekyll folosind următoarea comandă ▼

jekyll new site1

第 4 步 :Introduceți directorul proiectului▼

cd site1

第 5 步 :Porniți serviciul Jekyll▼

jekyll serve

传递--livereloadopțiuni pentruserveActualizează automat pagina de fiecare dată când se fac modificări în fișierul sursă▼

bundle exec jekyll serve --livereload
  • Când vă dezvoltați site-ul web, utilizațijekyll servejekyll build
  • Pentru a forța browserul să se reîmprospăteze la fiecare modificare, utilizațijekyll serve --livereload.
  • jekyll serveVersiunea încorporată a site-ului_siteNu este potrivit pentru implementare.
  • Folosiți link-uri și adrese URL ale materialelor de pe site-ul creat jekyll serve voi folosi https://localhost:4000 Valoarea este setată prin configurarea liniei de comandă, mai degrabă decât în ​​fișierul de configurare al site-ului.

第 6 步 :访问 http://localhost:4000 Vizualizați proiectul.

Măsuri de precauție:

  • Dacă fișierul este plasat în xxx.github .io/blog, este posibil ca pagina Github să nu fie actualizată.
  • Motivul pentru acest fenomen este că GitHub va citi doar xxx.github . io/_includes în Jekyll și nu va intra în adâncime în blog/_includes.
  • Din fericire, această problemă nu este o problemă dificilă. Doar configurați o pagină Github pe GitHub și problema va fi rezolvată într-o clipă!

Cum să ștergeți site-ul web Jekyll instalat pe computerul local prin comenzi?

Puteți folosi următoarea comandă pentru a șterge un site web Jekyll instalat local.

Ștergeți fișierele generate:

第 1 步 :Rulați următoarea comandă pentru a șterge fișierele generate▼

jekyll clean

第 2 步 :Ștergeți toate directoarele site-ului web

  • Dacă doriți să ștergeți complet întregul director al site-ului web, puteți șterge manual C:/Users/a/myblog pliant.

resurse Jekyll

Jekyll este un cadru simplu, în stil blog, pentru construirea de site-uri web statice.

folosește Reduceri și limbajul șablon Liquid, permițându-vă să creați cu ușurință site-uri web frumoase și dinamice.

Consultați documentația Jekyll pentru mai multe informații.

Iată câteva resurse utile despre Jekyll. Sper că aceste resurse vă pot ajuta să utilizați Jekyll pentru a construi un site web!

Hope Chen Weiliang Blog ( https://www.chenweiliang.com/ ) a distribuit „Tutorial de descărcare și instalare Jekyll: construiți un site web de blog static de la zero pe un computer local”, care vă va fi de ajutor.

Bine ați venit să distribuiți linkul acestui articol:https://www.chenweiliang.com/cwl-31549.html

Bun venit pe canalul Telegram al blogului lui Chen Weiliang pentru a primi cele mai recente actualizări!

🔔 Fii primul care primește valorosul „Ghid de utilizare a instrumentului AI pentru marketing de conținut ChatGPT” în directorul de top al canalului! 🌟
📚 Acest ghid conține o valoare uriașă, 🌟Aceasta este o oportunitate rară, nu o ratați! ⏰⌛💨
Distribuie si da like daca iti place!
Partajarea și like-urile tale sunt motivația noastră continuă!

 

发表 评论

Adresa ta de email nu va fi publicată. Sunt utilizate câmpurile obligatorii * Eticheta

derulați în sus