Maison  >  Article  >  outils de développement  >  Comment déployer hexo sur github

Comment déployer hexo sur github

PHPz
PHPzoriginal
2023-04-26 09:13:101835parcourir

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
  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
  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

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
  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

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
  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

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

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:
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