Comment utiliser le thème Jekyll ? Tutoriel d'installation du thème du blog Jekyll

💥Faites le vôtreJekyllL’incroyable secret pour rendre le thème de votre blog 100 fois plus avancé, je suis choqué ! 🤯

Ce tutoriel vous apprendra étape par étape comment installer et utiliser le thème Jekyll. Même si vous êtes novice, vous pourrez facilement vous lancer.

Dites adieu aux blogs ennuyeux et créez un espace unique et personnalisé !

Divers conseils pratiques et suggestions réfléchies pour vous aider à devenir blogueur ! 🚀✨

Qu'est-ce qu'un thème Jekyll ?

Le thème Jekyll est un site Web Jekyll prédéfini que vous pouvez utiliser comme point de départ pour créer votre propre site Web.

Le thème comprend tout le code, les styles et les modèles dont vous avez besoin pour commencer.

Comment utiliser le thème Jekyll ? Tutoriel d'installation du thème du blog Jekyll

Comment installer le thème du blog Jekyll ?

Dans Choisissez un thème Jekyll excellent et simpleEnfin, vous pouvez commencer à créer votre site Web en suivant ces étapes :

Étape 1 :. Installer Jekyll

  • Assurez-vous que Ruby est installé.
  • Installez Jekyll à l'aide de la commande suivante :
gem install jekyll

Étape 2 : Créez un nouveau site Web Jekyll

  • Créez un nouveau site Web Jekyll à l'aide de la commande suivante :
jekyll new site1
  • Ou utilisez la commande suivante pour créer d'abord un répertoire site1 :
mkdir site1

Alors, vas-y site1 Dans le répertoire :

cd site1

Créez un site Web Jekyll dans le répertoire courant :

jekyll new .

Étape 3 : Copier les fichiers d'articles

  • Copiez le fichier d'article que vous avez sélectionné dans_postsdossier.

Étape 4 : Configurez votre site Web

  • Modifier le site1/_config.yml fichier pour configurer votre site Web.

  • Vous devez configurer les paramètres suivants :

    • site.name: Le nom de votre site Web.
    • site.description: Une description de votre site Web.
    • baseurl: L'adresse URL de votre site.

Étape 5 : Ajoutez votre contenu

  • créer un nouveau Markdown fichier pour ajouter votre contenu.
  • Les fichiers Markdown peuvent contenir du texte, des images, du code et d'autres contenus.

Étape 6 : Prévisualisez votre site Web

  • Prévisualisez votre site à l'aide de la commande suivante :
bundle exec jekyll serve
  • Cette commande est lente et doit exécuter un serveur local et prévisualiser localement.

Étape 7 : Créez votre site Web

  • Créez votre site Web à l'aide des commandes suivantes :
bundle exec jekyll build
  • Cette commande est plus rapide et ne nécessite que de générer des fichiers statiques et de déployer le site Web.

Étape 8 : Déployez votre site Web

  • Will _site Déployez le dossier sur votre serveur Web.

Comment installer le thème Jekyll sur un ordinateur local à l’aide de la commande git clone ?

Pour utiliser git clone Pour déployer le thème Jekyll sur votre ordinateur local, vous pouvez suivre les étapes ci-dessous :

1. Ouvrez une ligne de commande ou un terminal.

2. Accédez au dossier dans lequel vous souhaitez déployer le thème.

3. Exécutez la commande suivante :

git clone https://github.com/melangue/dactl.git
  • Cette commande clonera le référentiel de thèmes Jekyll dans le dossier actuel.

4. Accédez au dossier du thème cloné.

5. Exécutez la commande suivante :

bundle exec jekyll serve
  • Cette commande démarrera le serveur Jekyll et commencera à héberger votre site Web localement.

Vous pouvez consulter votre site Web en visitant l'URL suivante :

  • http://localhost:4000

Voici quelques conseils supplémentaires :

  • vous pouvez utiliser --branch Les options spécifient la branche à cloner. Par exemple, pour cloner master branche, exécutez la commande suivante :
git clone https://github.com/melangue/dactl.git --branch master
  • vous pouvez utiliser --depth L'option spécifie la profondeur de l'historique de validation à cloner. Par exemple, pour cloner les 10 derniers commits, exécutez la commande suivante :
git clone https://github.com/melangue/dactl.git --depth 10

J'espère que ces étapes vous aideront à déployer le thème Jekyll sur votre ordinateur local !

发表 评论

Votre adresse email ne sera pas publiée. 项 已 用 * 标注

Remonter en haut