Tutoriel de téléchargement et d'installation de Jekyll : Créez un site Web de blog statique à partir de zéro sur votre ordinateur local

Ce Jekyll Téléchargez le tutoriel d'installation et apprenez-vous étape par étape✨Vous pouvez avoir votre propre blog sans dépenser d'argent !

Créez un site Web de blog statique à partir de zéro, même si vous êtes novice, vous pouvez le faire facilement ! Pas besoin de compliquercréer un site Web, dites adieu aux problèmes liés à la création d'un site Web, créez votre propre blog exclusif en quelques minutes et laissez briller vos talents et votre créativité ! 🚀🎉

Qu’est-ce que Jekyll ?

Jekyll, un générateur de sites Web statiques, est très adapté à la création de sites Web de blogs.

Il peut utiliser du texte écrit en langage de balisage et utiliser la mise en page pour créer des sites Web statiques.

Vous pouvez modifier l'apparence du site Web, l'URL, les données affichées sur la page, et bien plus encore...

Les défauts de Jekyll sont évidents : n’utilisant pas de base de données, il est totalement inadapté à la construction deE-commercetype de site Web.

Quels sont les avantages de Jekyll ?

• Jekyll est facile à utiliser et à apprendre.
• Jekyll peut générer des sites Web statiques rapides et sécurisés.
• Jekyll propose un grand nombre de thèmes et de plugins.

Comment commencer à utiliser Jekyll ?

1. Installez Jekyll.
2. Créez un nouveau site Web Jekyll.
3. Choisissez un thème Jekyll.
4. Ajoutez votre contenu.
5. Prévisualisez votre site Web.
6. Créez votre site Web.
7. Déployez votre site Web :Le blog statique Jekyll est déployé gratuitement sur Surge.sh

Installez Jekyll en téléchargeant RubyInstaller

Le moyen le plus simple d'installer Ruby et Jekyll consiste à utiliser RubyInstaller pour Windows.

RubyInstaller est un programme d'installation indépendant basé sur Windows qui inclut le langage Ruby, l'environnement d'exécution, une documentation importante, etc.

Nous couvrons ici uniquement RubyInstaller-2.4 et supérieur. Les anciennes versions nécessitent une installation manuelle de Devkit.

étape 1:Télécharger RubyInstaller

• Téléchargez et installez à partir des téléchargements RubyInstallerRuby+Devkitversion.
• Installez en utilisant les options par défaut.

2 步：Entrez cmd

AppuyerTouche WIN + touche R, puis entrez cmd, puis appuyez sur Entrée ▼

3 步：Entrez la saisie de la commande ridk installÉtapes des dernières étapes de l'installation.

• Ceci est nécessaire pour installer des gemmes avec des extensions natives.
• Choisissez parmi les optionsMSYS2 and MINGW development tool chain.

• Exécuter la commande ruby -v et gem -v pour vérifier le numéro de version afin de confirmer si l'installation a réussi.

Ouvrez le menu Démarrer de Windows et recherchezStart Command Prompt with Ruby, pour activer la ligne de commande Ruby.

4 步：Basculer la source des pierres précieuses vers la source chinoise

En raison de problèmes de connexion réseau et de vitesse, avant d'envisager de mettre à jour la gemme, il est fortement recommandé de basculer la source de la gemme vers la source chinoise▼

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

ou

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

5 步：Voyons les sources actuelles ▼

gem sources -l

• Assurez-vous qu'il n'y a que gems.ruby-china.com

6 步：Mettre à jour la gemme Ruby▼

gem update

7 步：Nous installons des composants ▼

gem install jekyll bundler

8 步：Vérifiez si Jekyll est entièrement installé▼

jekyll -v

Créez un site Web de blog statique Jelly sur votre ordinateur local

1 步：Changer la lettre de lecteur▼
Entrez directement dans cmdd:

2 步：Changer le dossier actuel▼

cd d:\Jekyll\

3 步：Créez un nouveau site Web Jekyll en utilisant la commande suivante ▼

jekyll new site1

4 步：Entrez le répertoire du projet▼

cd site1

5 步：Démarrer le service Jekyll▼

jekyll serve

传递--livereloadoptions pourserveActualiser automatiquement la page chaque fois que des modifications sont apportées au fichier source▼

bundle exec jekyll serve --livereload

• Lorsque vous développez votre site Web, utilisezjekyll serve或 jekyll build
• Pour forcer le navigateur à s'actualiser à chaque modification, utilisezjekyll serve --livereload.
• jekyll serveVersion du site intégrée_siteNe convient pas au déploiement.
• Utiliser les liens et les URL des ressources du site créé jekyll serve utilisera https://localhost:4000 La valeur est définie via la configuration de la ligne de commande, plutôt que dans le fichier de configuration du site.

6 步：访问 http://localhost:4000 Voir le projet.

Note:

• Si le fichier est placé dans xxx.github .io/blog, la page Github peut ne pas être mise à jour.
• La raison de ce phénomène est que GitHub ne lira que xxx.github .io/_includes dans Jekyll et n'approfondira pas blog/_includes.
• Heureusement, ce problème n'est pas un problème difficile. Créez simplement une page Github sur GitHub et le problème sera résolu en un instant !

Comment supprimer le site Jekyll installé sur l'ordinateur local via des commandes ?

Vous pouvez utiliser la commande suivante pour supprimer un site Web Jekyll installé localement.

Supprimez les fichiers générés :

1 步：Exécutez la commande suivante pour effacer les fichiers générés▼

jekyll clean

2 步：Supprimer tous les répertoires de sites Web

• Si vous souhaitez supprimer complètement l'intégralité du répertoire du site Web, vous pouvez supprimer manuellement le C:/Users/a/myblog dossier.

Ressources Jekyll

Jekyll est un framework simple de style blog pour créer des sites Web statiques.

Il utilise Markdown et le langage de modèle Liquid, vous permettant de créer facilement de beaux sites Web dynamiques.

Consultez la documentation de Jekyll pour plus d'informations.

Voici quelques ressources utiles sur Jekyll. J'espère que ces ressources pourront vous aider à utiliser Jekyll pour créer un site Web !