Tutorial de descàrrega i instal·lació de Jekyll: creeu un lloc web de bloc estàtic des de zero al vostre ordinador local

Això Jekyll Descarrega el tutorial d'instal·lació i t'ensenya pas a pas✨Pots tenir el teu propi bloc sense gastar diners!

Creeu un lloc web de bloc estàtic des de zero, fins i tot si sou un principiant, podeu fer-ho fàcilment! No cal complicar-seconstruir un lloc web, acomiadau-vos de la molèstia de crear un lloc web, tingueu el vostre propi bloc exclusiu en qüestió de minuts i deixeu que brilli el vostre talent i creativitat! 🚀🎉

Què és Jekyll?

Jekyll, un generador de llocs web estàtic, és molt adequat per crear llocs web de blocs.

Pot utilitzar text escrit en llenguatge de marques i utilitzar el disseny per crear llocs web estàtics.

Podeu modificar l'aspecte del lloc web, l'URL, les dades que es mostren a la pàgina i molt més...

Les mancances de Jekyll són evidents: com que no utilitza una base de dades, és completament inadequat per a la construcció.Comerç electrònictipus de lloc web.

Quins són els avantatges de Jekyll?

• Jekyll és fàcil d'utilitzar i d'aprendre.
• Jekyll pot generar llocs web estàtics ràpids i segurs.
• Jekyll té un gran nombre de temes i connectors disponibles.

Com començar a utilitzar Jekyll?

1. Instal·leu Jekyll.
2. Creeu un nou lloc web de Jekyll.
3. Trieu un tema Jekyll.
4. Afegeix el teu contingut:Tutorial nou article de Jekyll
5. Previsualitza el teu lloc web.
6. Construeix el teu lloc web.
7. Desplegueu el vostre lloc web:El bloc estàtic de Jekyll es desplega a Surge.sh de manera gratuïta

Instal·leu Jekyll baixant RubyInstaller

La manera més senzilla d'instal·lar Ruby i Jekyll és utilitzar RubyInstaller per a Windows.

RubyInstaller és un instal·lador independent basat en Windows que inclou el llenguatge Ruby, l'entorn d'execució, documentació important, etc.

Aquí només cobrim RubyInstaller-2.4 i superior. Les versions anteriors requereixen la instal·lació manual de Devkit.

Pas 1:Descarrega RubyInstaller

• Baixeu i instal·leu des de RubyInstaller DownloadsRuby+Devkitversió.
• Instal·leu utilitzant les opcions predeterminades.

Cap 2 步：Introduïu cmd

premsaTecla WIN + tecla R, després entra cmdi, a continuació, premeu Intro ▼

Cap 3 步：Introduïu l'entrada de comanda ridk installPassos en les etapes finals de la instal·lació.

• Això és necessari per instal·lar gems amb extensions natives.
• Trieu entre opcionsMSYS2 and MINGW development tool chain.

• Executeu l'ordre ruby -v 和 gem -v per comprovar el número de versió per confirmar si la instal·lació ha estat correcta.

Obriu el menú Inici de Windows i cerqueu-loStart Command Prompt with Ruby, per habilitar la línia d'ordres de Ruby.

Cap 4 步：Canvia la font de les joies a la font xinesa

A causa de problemes de connexió a la xarxa i de velocitat, abans de plantejar-se actualitzar la joia, es recomana canviar la font de la joia a la font xinesa▼

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

o

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

Cap 5 步：Mirem les fonts actuals ▼

gem sources -l

• Assegureu-vos que només n'hi ha gems.ruby-china.com

Cap 6 步：Actualitza Ruby gem▼

gem update

Cap 7 步：Instal·lem components ▼

gem install jekyll bundler

Cap 8 步：Comproveu si Jekyll està completament instal·lat▼

jekyll -v

Creeu un lloc web de bloc estàtic de Jelly al vostre ordinador local

Cap 1 步：Canvia la lletra de la unitat ▼
Introduïu directament a cmdd:

Cap 2 步：Canvia la carpeta actual▼

cd /d d:\Jekyll\

Cap 3 步：Creeu un nou lloc web de Jekyll mitjançant l'ordre següent ▼

jekyll new site1

Cap 4 步：Introduïu el directori del projecte▼

cd site1

Cap 5 步：Inicieu el servei Jekyll▼

bundle exec jekyll serve

transferència--livereloadopcions aserveActualitzeu automàticament la pàgina cada vegada que es facin canvis al fitxer d'origen▼

bundle exec jekyll serve --livereload

• Quan desenvolupeu el vostre lloc web, feu servirjekyll serve或 jekyll build
• Per forçar el navegador a actualitzar-se amb cada canvi, feu servirjekyll serve --livereload.
• jekyll serveVersió del lloc integrada_siteNo apte per al desplegament.
• Utilitzeu enllaços i URL de recursos del lloc creat jekyll serve utilitzarà https://localhost:4000 El valor s'estableix mitjançant la configuració de la línia d'ordres, en lloc del fitxer de configuració del lloc.

Cap 6 步：accés http://localhost:4000 Veure projecte.

Nota:

• Si el fitxer es col·loca a xxx.github .io/blog, pot ser que la pàgina de Github no s'actualitzi.
• El motiu d'aquest fenomen és que GitHub només llegirà xxx.github .io/_includes a Jekyll i no aprofundirà en blog/_includes.
• Afortunadament, aquest problema no és un problema difícil. Només heu de configurar una pàgina de Github a GitHub i el problema es resoldrà en un instant!

Com esborrar el lloc web de Jekyll instal·lat a l'ordinador local mitjançant ordres?

Podeu utilitzar l'ordre següent per suprimir un lloc web de Jekyll instal·lat localment.

Elimina els fitxers generats:

Cap 1 步：Executeu l'ordre següent per esborrar els fitxers generats▼

jekyll clean

Cap 2 步：Suprimeix tots els directoris de llocs web

• Si voleu suprimir completament tot el directori del lloc web, podeu suprimir manualment C:/Users/a/myblog carpeta.

🔗Continua llegint▼

🔗为什么 jekyll serve 启动失败？解决出错无效的全面攻略

Recursos Jekyll

Jekyll és un marc senzill d'estil bloc per crear llocs web estàtics.

fa servir Markdown i el llenguatge de plantilla Liquid, que us permet crear fàcilment llocs web bonics i dinàmics.

Consulteu la documentació de Jekyll per obtenir més informació.

Aquí teniu alguns recursos útils sobre Jekyll. Espero que aquests recursos us puguin ajudar a utilitzar Jekyll per crear un lloc web!