Come creare un sito Web con Jekyll - IT

Sei un proprietario di un sito web? alla ricerca di un modo semplice per costruire siti veloci? Mentre la maggior parte dei sistemi di gestione dei contenuti popolari come WordPress sono comunemente per tali compiti, non sono veloci. Si basano su database, script pesanti e plugin per consegnare finalmente sulla pagina. E se ci fosse un modo migliore? Jekyll è molto meglio di altre scelte simili! È un generatore di siti statici: tutto ciò che devi fare è prendere i tuoi post, formattalo di conseguenza ed eseguilo attraverso il motore. Ciò comporterà il creazione di file conformi a HTML che può essere facilmente caricato su qualsiasi host.

Jekyll 4.1.0 aggiornamenti

Jekyll è stato aggiornato a fine maggio 2020 con un nuovo aggiornamento con il numero v4.1.0 in cui il componente server ora supporta i certificati ECC tra le altre cose. Questa è una caratteristica importante quando viene utilizzato un tipo di chiave diverso da RSA. Un'altra cosa importante che è l'ottimizzazione del motore Markdown — la formattazione che viene utilizzata nelle bozze e guida l'output delle pagine. Con Jekyll 4.1.0 i blogger possono scegliere disabilita la memorizzazione nella cache del disco che può essere utile in alcuni casi, soprattutto quando vengono eseguiti test più complessi dei progetti.

Altri importanti miglioramenti dal punto di vista del proprietario del sito includono quanto segue:

• Configurazione della lingua predefinita per includere l'evidenziazione della sintassi. In precedenza questo doveva essere fatto manualmente.
• Gli amministratori possono ora disabilitare l'importazione della configurazione del tema
• Il modulo PageDrop può essere utilizzato con i modelli Liquid.

Come sempre la nuova versione di Jekyll include importanti correzioni di bug segnalate dagli utenti.

Perché Jekyll per i siti statici

I generatori di siti statici sono uno degli strumenti più popolari utilizzati per generare siti di alta qualità, facili da usare e da gestire che non dipendono da un sistema di gestione dei contenuti dinamico come WordPress. I siti statici sono piccoli e prodotti come output del progetto dopo che i proprietari del sito hanno eseguito il contenuto tramite l'app Jekyll. In base alla progettazione, Jekyll è un App eseguibile Ruby che è molto facile da usare ed è multipiattaforma. Una caratteristica molto utile è che Jekyll include un server Web locale incorporato che consente ai proprietari del sito di visualizzare in anteprima le modifiche apportate prima che il sito venga pubblicato online. Ci sono alcuni netti vantaggi di fare affidamento su un sito statico al contrario di quelli dinamici che hanno in mente Jekyll come generatore di siti:

• Prestazione - I siti realizzati da Jekyll sono molto più veloci di quelli delle sue controparti. Sono prodotti in codice HTML pulito che è facilmente leggibile dai browser Web e sono molto più veloci da caricare. Non ci sono elementi dipendenti dal database e query complesse che sono comuni in altri tipi di siti.
• Processo di creazione - Rispetto ai sistemi dinamici di gestione dei contenuti, i Jekyll generati sono costruiti in modo diverso. Gli sviluppatori devono formattare il contenuto in base al motore modello utilizzato da Jekyll e corrispondente al file di configurazione principale. Jekyll trasformerà i file di bozza in siti HTML che dovranno quindi essere caricati sui server Web.
• Requisiti del server - I siti Jekyll devono supportare script speciali o database che rendono molto più facile trovare un hosting economico.

Jekyll Setup: Le basi

Jekyll 4.0.0 è essenzialmente ciò che viene chiamato una gemma di Ruby - questo è un tipo speciale di codice che viene installato nell'ambiente Ruby. Ruby è un moderno linguaggio di programmazione generalmente utilizzato per la creazione di siti Web e applicazioni. Una gemma è una specie di programma che può essere scaricato dal repository Ruby e funzionerà in un determinato modo. La possibile funzionalità include strumenti di imballaggio, azioni ripetute, quadri ecc. Di conseguenza Jekyll prenderà i file di contenuto, elaborarli e generare file HTML pronti per essere caricati sui server Web.

Per funzionare con Jekyll, i potenziali proprietari di siti devono avere installato il seguente software: Il principale ambiente di Ruby (comprese tutte le intestazioni di sviluppo), Supporto dei pacchetti Ruby Gems e gcc e strumenti di creazione. Una descrizione approfondita di come installare e preparare l'ambiente è disponibile da Pagina di installazione di Jekyll.

Il processo di creazione del sito Jekyll

Per avere un sito pronto che viene creato da un Jekyll 4.0.0 applicazione installata sul sistema locale utilizzato dai proprietari del sito. Prima di tutto dovranno configurare Jekyll impostando gli ambienti globali per il progetto. Quando Jekyll è installato e funziona su un determinato sistema, i proprietari del sito dovranno creare una directory che ospiterà tutti i file di progetto del sito - questo sarà designato come “radice del sito” . In esso un Jekyll index.htm deve essere creato il file che ospiterà il contenuto della home page di base e i file importanti. Un modello vuoto includerà il seguente codice:

doctype html>
<html>
<testa>
<meta charset = & quot; utf-8 & quot;>
<titolo>Casa</titolo>
</testa>
<corpo>
<h1>Ciao mondo!</h1>
</corpo>
</html></p>

Questo è il generale “Ciao mondo!” sito di saluto da cui gli sviluppatori web possono iniziare a costruire le loro creazioni. Nella directory principale gli sviluppatori possono eseguire due comandi:

• jekyll build - Questo costruirà il sito e produrrà il codice finale in una sottodirectory separata chiamata “_luogo”.
• jekyll serve - Questo monitorerà le modifiche del sito e ricostruirà automaticamente il sito come accedi mentre l'applicazione jekyll è in esecuzione. Ciò attiverà anche il server del sito Web incorporato che consentirà agli sviluppatori di visualizzare in anteprima il loro progetto. Per impostazione predefinita, è accessibile dal seguente URL: http://localhost:4000

Tutto quello che gli utenti devono fare è decidere un layout del sito adeguato e generare il contenuto. Questo può essere fatto in due modi principali:

• File HTML - Questi sono file HTML standard creati dai proprietari del sito. Si confronteranno con le impostazioni definite da Jekyll.
• File modello di markdown - I proprietari del sito possono anche imporre file scritti con annotazioni che verranno emessi secondo un determinato modello. Ciò significa che gli utenti possono formattare testo e codice secondo un formato Markdown facile da seguire. Verrà elaborato secondo le regole definite e alla fine restituirà un file HTML conforme allo standard.

Markdown è un linguaggio di markup facile da usare che è popolare tra gli sviluppatori e gli utenti esperti degli sviluppatori web. È molto comodo in quanto diversi programmi di elaborazione testi e editor speciali possono riprodurli da formati standard. Jekyll prenderà i file Markdown (con l'estensione .md appropriata) e l'utilizzo dei file modello definiti genera un file HTML ottimizzato.

Il motore Jekyll distinguerà le normali pagine create in HTML e i cosiddetti file speciali. Questo viene fatto digitando il necessario La materia prima di YAML- questo deve essere posizionato all'inizio di ogni pagina del genere. YAML è un linguaggio di markup pratico e rispettoso dell'uomo letto da Jekyll. Un tipico esempio di tale file è il seguente:

—
disposizione: inviare
titolo: blogging 101 Pagina
—

In questo esempio la parte anteriore specificherà l'usato disposizione genere (in questo esempio questo sarà un post di blog standard) e il titolo della pagina. Esistono altre due variabili globali che possono essere inserite nella parte anteriore: permalink (che consentirà all'utente di impostare il proprio permalink per il post specificato e pubblicato (possono essere inseriti valori veri o falsi) che può impedire la pubblicazione online di un determinato post. Ciò è particolarmente utile quando si pianificano bozze.

Utilizzo del motore modello Jekyll e dei file di configurazione gli utenti possono creare le proprie variabili anche. Per quanto riguarda il tipo di posta, esistono diverse opzioni che possono essere utilizzate:

• Data - Questo sostituirà la data del post come mostrato nell'output del sito.
• Categoria / e: - Questo per una migliore organizzazione dei post visualizzati dai visitatori. Specificando questo valore i post saranno organizzati nelle rispettive categorie. Le "categorie" plurali possono essere specificate in un elenco YAML o separate da spazi come nella maggior parte dei sistemi di gestione dei contenuti dinamici.
• tag - Questa è un'opzione popolare per consentire agli utenti di taggare i post. Questa è un'ulteriore comodità che è separata dalle categorie sopra menzionate.

Struttura del sito Jekyll e motore di layout

Non appena il motore Jekyll viene avviato per la prima volta per un determinato sito (progetto) praticamente tutto ciò che i proprietari del sito devono fare è invocare il jekyll nuovo $ sitename (dove $nome del sito è la directory del progetto). Tutte le versioni moderne di Jekyll creeranno un layout di directory strutturato. Per impostazione predefinita, il file di configurazione principale utilizzerà un modello predefinito chiamato minimi che può essere modificato o modificato a seconda delle preferenze degli utenti. La directory conterrà i seguenti file e cartelle:

• cartella _posts - Questo conterrà i singoli post. Nel caso tipico avranno il seguente formato —XXXX-XX-XX- $ postname.markdown (o .md). Le prime tre stringhe saranno l'anno-mese-giorno che sono seguite da trattini con il nome del post nella struttura del permalink. Un nome di post di esempio sarà 2020-01-03-hello.markdown che produrrà un post chiamato "Hello" e pubblicato a gennaio 3 2020.
• _config.yml - Questo è il file di configurazione principale utilizzato da Jekyll.
• 404.html - Conterrà la pagina di errore Pagina non trovata standard, nota anche come 404 errore.
• about.markdown - Questa è la pagina "Informazioni" che si trova normalmente nella maggior parte dei blog.
• Gemfile - Questo è un file che viene creato automaticamente dall'ambiente Gemfile.
• index.markdown - Questa è la home page standard che per impostazione predefinita inizierà a indicizzare tutti i post di tipo blog in base alla data in ordine decrescente.

Per ulteriori informazioni sulle opzioni di layout, struttura di directory e ulteriori informazioni è possibile consultare le pagine pertinenti nel Documentazione Jekyll.

Scatena il pieno potere di Jekyll

Ci sono molte funzionalità che i proprietari dei siti Jekyll possono utilizzare fornendo loro la possibilità di personalizzare veramente i loro siti anche nei minimi dettagli. Come accennato in precedenza, tutte le installazioni di siti predefiniti utilizzano un tema predefinito chiamato minimi. Ci sono molti repository di temi Jekyll di terze parti che sfruttano le numerose opzioni di personalizzazione. La particolarità del sistema di template Jekyll è che si basa su Gems - librerie che possono includere funzionalità avanzate. Le installazioni Jekyll usano un'utilità chiamata Bundler che tiene traccia delle varie dipendenze. Una funzione alternativa è quella di utilizzare modelli regolari: utilizzeranno i file tradizionali che sono presentati nella directory del sito Jekyll.

Il sistema di plugin è uno dei più avanzati che si trovano in generatori di siti statici simili e persino in alcuni dei famosi sistemi di gestione dinamica dei contenuti. I plugin possono fornire funzionalità avanzate che non si trovano nell'installazione di base di Jekyll. Utilizzando hook personalizzati e core flessibile è possibile aggiungere molte altre opzioni. Esistono diverse categorie principali di plug-in che possono essere classificate:

• generatori - Questa è una funzione che verrà utilizzata per consentire a Jekyll di creare contenuti aggiuntivi. È possibile utilizzare regole personalizzate per orientare il motore nell'implementazione della nuova funzionalità.
• Convertitori - Questi plugin consentono agli utenti di utilizzare altri linguaggi di markup e opzioni di temi per implementare il layout.
• comandi - Ciò estenderà la funzionalità del motore principale implementando nuovi comandi.
• tag- Questo creerà tag personalizzati basati su Liquid.
• filtri - Plugin che estendono la funzionalità dei filtri.
• ganci - Consentono l'estensione durante il processo di creazione.

Jekyll Site Deployment Options

Esistono diverse opzioni compatibili che possono essere utilizzate per caricare i siti sui server. È buona norma creare un Gemfile per ogni sito. Ciò consentirà che i plug-in e le estensioni vengano impacchettati nel loro insieme. Diversi valori ambientali possono anche essere impostati durante il processo di costruzione - alla fine della fase di produzione ci sono parametri impostati che possono essere usati per creare l'output del sito. Esistono due modi principali per caricare i siti:

• Caricamento semplice - L'output della cartella del sito può essere caricato utilizzando il pannello amministrativo o un'utilità di caricamento file utilizzando le opzioni di trascinamento della selezione e / o comandi speciali.
• Pubblicazione del controllo versione - I proprietari dei siti possono anche utilizzare i sistemi di controllo della versione come git o svn per mantenere le revisioni del sito. Questa è una funzione avanzata che viene utilizzata per archiviare le modifiche e comunicare con i server in modo da rendere molto più semplice la documentazione delle modifiche.