Maison outils de développement git Comment déployer hexo sur github

Comment déployer hexo sur github

Apr 26, 2023 am 09:13 AM

Hexo est un excellent générateur de blog statique qui peut aider les utilisateurs à créer rapidement un site Web de blog et prend en charge une variété de thèmes, ce qui le rend très flexible.

Alors comment déployer Hexo sur Github ? Ci-dessous, je vais vous présenter ce processus en détail.

1. Préparation

  1. Enregistrez un compte Github

Si vous n'avez pas de compte Github, vous devez d'abord en créer un. Site officiel de Github : https://github.com/

  1. Installer Git

Hexo Pour télécharger le blog généré sur Github, vous devez utiliser Git pour la gestion et la soumission du code. Par conséquent, Git doit être installé.

Sous Windows, vous pouvez télécharger la dernière version du programme d'installation depuis le site officiel de Git https://git-scm.com/.

Sous Linux, vous pouvez directement utiliser la commande yum ou apt-get pour installer.

  1. Installer Node.js

Hexo est développé sur la base du langage Node.js, l'environnement d'exécution Node.js doit donc être installé.

Téléchargez et installez la dernière version depuis le site officiel de Node.js https://nodejs.org/.

2. Initialisation du blog Hexo

  1. Installez Hexo

Ouvrez l'outil de ligne de commande et entrez la commande suivante pour installer :

npm install -g hexo-cli
Copier après la connexion
  1. Initialisez Hexo

Créez un répertoire vide pour stocker le blog. , dans Saisissez la commande suivante sur la ligne de commande pour initialiser :

hexo init
Copier après la connexion
  1. Installez le plug-in

Une fois l'initialisation terminée, vous devez installer le plug-in pour prendre en charge la génération et l'affichage du blog. Les plug-ins couramment utilisés sont les suivants :

  • hexo-deployer-git : utilisé pour publier des sites Web générés localement sur Github.
  • hexo-generator-sitemap : utilisé pour générer un plan du site.
  • hexo-generator-baidu-sitemap : utilisé pour générer le plan du site inclus par Baidu.
  • hexo-renderer-pug : utilisé pour prendre en charge le rendu du moteur de modèle Pug.

Entrez la commande suivante sur la ligne de commande pour installer :

npm install hexo-deployer-git --save
npm install hexo-generator-sitemap --save
npm install hexo-generator-baidu-sitemap --save
npm install hexo-renderer-pug --save
Copier après la connexion

3. Configuration Hexo

  1. Configuration du site Web

Vous pouvez configurer les informations de base du site Web dans le fichier _config.yml, telles que le titre du site Web. , auteur, langue , thèmes, etc.

  1. Thème

Hexo propose de nombreux thèmes, qui peuvent être consultés sur le site officiel https://hexo.io/themes/. Les thèmes couramment utilisés sont les suivants :

  • hexo-theme-next : un thème très populaire qui prend en charge une variété d'éléments de configuration.
  • hexo-theme-matery : Un autre excellent thème avec de superbes effets visuels.

Après avoir téléchargé le thème localement, vous pouvez l'installer via la ligne de commande :

git clone https://github.com/theme-next/hexo-theme-next themes/next
Copier après la connexion
  1. Configuration du déploiement

Trouvez la section de déploiement dans le fichier _config.yml et effectuez les configurations pertinentes comme suit :

deploy:
  type: git
  repository: git@github.com:username/username.github.io.git
  branch: master
Copier après la connexion

Parmi eux, type est le type de déploiement, le référentiel est l'adresse de l'entrepôt Github et la branche est la branche Github. Remplacez simplement le nom d'utilisateur dans le référentiel par votre propre nom d'utilisateur Github.

4. Générez un blog et téléchargez-le sur Github

  1. Générez un blog

Entrez la commande suivante sur la ligne de commande pour générer un blog :

hexo g
Copier après la connexion
  1. Aperçu local

Après avoir généré le blog, vous pouvez prévisualisez-le localement et entrez la commande suivante pour démarrer le service local :

hexo s
Copier après la connexion

Entrez ensuite http://localhost:4000 dans le navigateur pour prévisualiser le blog.

  1. Télécharger le blog

Entrez la commande suivante dans la ligne de commande pour télécharger le blog sur Github :

hexo d
Copier après la connexion

Une fois le téléchargement réussi, entrez https://username.github.io dans le navigateur pour accéder au blog.

S'il s'agit du premier téléchargement, vous devez saisir votre nom d'utilisateur et votre mot de passe Github.

5. Résumé

Grâce aux étapes ci-dessus, nous pouvons déployer rapidement le blog créé par Hexo sur Github.

Pendant l'utilisation, vous pouvez mettre le code source du blog Hexo sur Github pour la sauvegarde et la gestion des versions afin de faciliter les itérations et la maintenance futures du blog. Dans le même temps, Github Pages est également une très bonne plateforme d'hébergement de blogs, et vous pouvez profiter de services d'hébergement gratuits.

Si vous rencontrez des problèmes lors du processus de création du blog, vous pouvez consulter les documents du site officiel d'Hexo https://hexo.io/ et l'entrepôt de thèmes sur Github, ou vous pouvez vous rendre sur le forum officiel d'Hexo https://bbs. hexo.io/ Discussion et aide.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Comment réparer l'audio si vous n'entendez personne
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Comment déverrouiller tout dans Myrise
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Github est-il difficile à apprendre? Github est-il difficile à apprendre? Apr 02, 2025 pm 02:45 PM

Github n'est pas difficile à apprendre. 1) Maître les connaissances de base: GitHub est un système de contrôle de version basé sur GIT qui aide à suivre les changements de code et le développement collaboratif. 2) Comprendre les fonctions principales: les enregistrements de contrôle de version chaque soumission, prenant en charge le travail local et la synchronisation à distance. 3) Apprenez à utiliser: de la création d'un référentiel pour pousser les validations, à l'utilisation des branches et des demandes de traction. 4) Résoudre des problèmes communs: tels que la fusion des conflits et oublier d'ajouter des fichiers. 5) Pratique d'optimisation: utilisez des messages de soumission significatifs, nettoyez les succursales et gérez les tâches à l'aide de la carte de projet. Grâce à la pratique et à la communication communautaire, la courbe d'apprentissage de Github n'est pas raide.

Git est-il le même que Github? Git est-il le même que Github? Apr 08, 2025 am 12:13 AM

Git et Github ne sont pas la même chose. Git est un système de contrôle de version et GitHub est une plate-forme d'hébergement de code basée sur GIT. Git est utilisé pour gérer les versions de code et GitHub fournit un environnement de collaboration en ligne.

Microsoft possède-t-il Git ou Github? Microsoft possède-t-il Git ou Github? Apr 05, 2025 am 12:20 AM

Microsoft ne possède pas GIT, mais possède GitHub. 1.Git est un système de contrôle de version distribué créé par Linus Torvaz en 2005. 2. GitHub est une plate-forme d'hébergement de code en ligne basée sur GIT. Il a été fondé en 2008 et acquis par Microsoft en 2018.

Dois-je mettre Git ou Github sur mon CV? Dois-je mettre Git ou Github sur mon CV? Apr 04, 2025 am 12:04 AM

Sur votre CV, vous devez choisir d'écrire Git ou GitHub en fonction de vos exigences de position et de votre expérience personnelle. 1. Si le poste nécessite des compétences GIT, mettez en surbrillance Git. 2. Si le poste valorise la participation de la communauté, montrez Github. 3. Assurez-vous de décrire l'expérience d'utilisation et les cas de projet en détail et terminer avec une phrase complète.

Dois-je commencer par Git ou Github? Dois-je commencer par Git ou Github? Apr 06, 2025 am 12:09 AM

Le départ de Git est plus adapté à une compréhension approfondie des principes de contrôle des versions, et commencer à Github est plus adapté pour se concentrer sur la collaboration et l'hébergement de code. 1.Git est un système de contrôle de version distribué qui aide à gérer l'historique des versions du code. 2. GitHub est une plate-forme en ligne basée sur GIT, offrant des capacités d'hébergement et de collaboration de code.

Qu'est-ce que Git en mots simples? Qu'est-ce que Git en mots simples? Apr 09, 2025 am 12:12 AM

Git est un système de contrôle de version distribué open source qui aide les développeurs à suivre les modifications des fichiers, à travailler ensemble et à gérer les versions de code. Ses fonctions principales incluent: 1) l'enregistrement des modifications de code, 2) la secours vers les versions précédentes, 3) le développement collaboratif et 4) Créer et gérer les branches pour le développement parallèle.

Pourquoi Gitlab est-il meilleur que Github? Pourquoi Gitlab est-il meilleur que Github? Apr 03, 2025 am 12:08 AM

GitLab est meilleur pour certains développeurs et équipes car il fournit une chaîne d'outils DevOps complète et de puissantes capacités CI / CD. 1. La fonction CI / CD de GitLab est intégrée dans la plate-forme, prenant en charge l'automatisation complète du processus de la soumission de code au déploiement. 2. Sa technologie de rendu côté serveur améliore la vitesse de chargement des pages pour les grands projets. 3. Le système de gestion des autorisations de Gitlab est plus flexible et prend en charge le contrôle à grain fin.

Comment utiliser GitHub pour HTML? Comment utiliser GitHub pour HTML? Apr 07, 2025 am 12:13 AM

La raison de l'utilisation de GitHub pour gérer les projets HTML est qu'il fournit une plate-forme pour le contrôle des versions, le développement collaboratif et la présentation des œuvres. Les étapes spécifiques incluent: 1. Créer et initialiser le référentiel GIT, 2. Ajouter et soumettre des fichiers HTML, 3. Push to github, 4. Utilisez GitHubPages pour déployer des pages Web, 5. Utilisez des githubactions pour automatiser la construction et le déploiement. En outre, GitHub prend également en charge les fonctionnalités de révision, d'émission et de traction de code pour aider à optimiser et à collaborer sur les projets HTML.

See all articles