Tutorial per il download e l'installazione di Jekyll: crea un sito Web di blog statico da zero sul tuo computer locale

Questo Jekyll Scarica il tutorial di installazione e ti insegnerà passo dopo passo✨Puoi avere il tuo blog senza spendere soldi!

Costruisci un sito web blog statico da zero, anche se sei un principiante puoi farlo facilmente! Non c'è bisogno di complicarecostruire un sito web, dì addio alla fatica di creare un sito web, crea il tuo blog esclusivo in pochi minuti e lascia risplendere il tuo talento e la tua creatività! 🚀🎉

Cos'è Jekyll?

Jekyll, un generatore di siti Web statici, è molto adatto per creare siti Web di blog.

Può utilizzare testo scritto in linguaggio di markup e utilizzare il layout per creare siti Web statici.

Puoi modificare l'aspetto del sito web, l'URL, i dati visualizzati sulla pagina e altro ancora...

I difetti di Jekyll sono evidenti: poiché non utilizza un database, è completamente inadatto alla costruzioneE-commercetipo di sito web.

Quali sono i vantaggi di Jekyll?

• Jekyll è facile da usare e da imparare.
• Jekyll può generare siti Web statici veloci e sicuri.
• Jekyll ha un gran numero di temi e plugin disponibili.

Come iniziare a utilizzare Jekyll?

1. Installa Jekill.
2. Crea un nuovo sito web Jekyll.
3. Scegli un tema Jekyll.
4. Aggiungi il tuo contenuto.
5. Visualizza l'anteprima del tuo sito web.
6. Costruisci il tuo sito web.
7. Distribuisci il tuo sito web:Il blog statico Jekyll viene distribuito gratuitamente su Surge.sh

Installa Jekyll scaricando RubyInstaller

Il modo più semplice per installare Ruby e Jekyll è utilizzare RubyInstaller per Windows.

RubyInstaller è un programma di installazione indipendente basato su Windows che include il linguaggio Ruby, l'ambiente di esecuzione, documentazione importante, ecc.

Qui tratteremo solo RubyInstaller-2.4 e versioni successive. Le versioni precedenti richiedono l'installazione manuale di Devkit.

passo 1:Scarica RubyInstaller

• Scarica e installa da Download di RubyInstallerRuby+Devkitversione.
• Installa utilizzando le opzioni predefinite.

2 ：Inserisci cmd

premereTasto WIN + tasto R, quindi inserisci cmd, quindi premere Invio ▼

3 ：Immettere l'input del comando ridk installPassaggi nelle fasi finali dell'installazione.

• Ciò è necessario per installare gem con estensioni native.
• Scegli tra le opzioniMSYS2 and MINGW development tool chain.

• Esegui comando ruby -v 和 gem -v per controllare il numero di versione per confermare se l'installazione ha avuto successo.

Apri il menu Start di Windows e trovaStart Command Prompt with Ruby, per abilitare la riga di comando di Ruby.

4 ：Cambia la fonte delle gemme in quella cinese

A causa della connessione di rete e dei problemi di velocità, prima di considerare l'aggiornamento del gem, si consiglia vivamente di cambiare la fonte del gem con la fonte cinese▼

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/

5 ：Diamo un'occhiata alle fonti attuali ▼

gem sources -l

• Assicurati che ci siano solo gems.ruby-china.com

6 ：Aggiorna la gemma di rubino▼

gem update

7 ：Installiamo i componenti ▼

gem install jekyll bundler

8 ：Controlla se Jekyll è completamente installato▼

jekyll -v

Crea un sito Web blog statico Jelly sul tuo computer locale

1 ：Cambia lettera di unità▼
Inserisci direttamente cmdd:

2 ：Cambia la cartella corrente▼

cd d:\Jekyll\

3 ：Crea un nuovo sito Web Jekyll utilizzando il seguente comando ▼

jekyll new site1

4 ：Accedi alla directory del progetto▼

cd site1

5 ：Avvia il servizio Jekyll▼

jekyll serve

trasferimento--livereloadopzioni aserveAggiorna automaticamente la pagina ogni volta che vengono apportate modifiche al file sorgente▼

bundle exec jekyll serve --livereload

• Quando sviluppi il tuo sito web, usajekyll serve或 jekyll build
• Per forzare l'aggiornamento del browser ad ogni modifica, utilizzarejekyll serve --livereload.
• jekyll serveVersione del sito integrata_siteNon adatto per la distribuzione.
• Utilizza collegamenti e URL di risorse dal sito creato jekyll serve userà https://localhost:4000 Il valore viene impostato tramite la configurazione della riga di comando, anziché nel file di configurazione del sito.

6 ：访问 http://localhost:4000 Visualizza progetto.

precauzioni:

• Se il file viene inserito in xxx.github .io/blog, è possibile che la pagina Github non venga aggiornata.
• La ragione di questo fenomeno è che GitHub leggerà solo xxx.github .io/_includes in Jekyll e non approfondirà blog/_includes.
• Fortunatamente questo problema non è difficile: basta creare una pagina Github su GitHub e il problema sarà risolto in un istante!

Come eliminare il sito Web Jekyll installato sul computer locale tramite comandi?

È possibile utilizzare il comando seguente per eliminare un sito Web Jekyll installato localmente.

Elimina i file generati:

1 ：Esegui il comando seguente per cancellare i file generati▼

jekyll clean

2 ：Elimina tutte le directory del sito web

• Se desideri eliminare completamente l'intera directory del sito web, puoi eliminare manualmente il file C:/Users/a/myblog cartella.

Risorse Jekill

Jekyll è un semplice framework in stile blog per la creazione di siti Web statici.

Utilizza riduione di prezzo e il linguaggio dei modelli Liquid, che ti consente di creare facilmente siti Web belli e dinamici.

Consulta la documentazione di Jekyll per ulteriori informazioni.

Ecco alcune risorse utili su Jekyll. Spero che queste risorse possano aiutarti a utilizzare Jekyll per creare un sito web!