Maison > outils de développement > git > le corps du texte

Comment déployer hexo sur github

PHPz
Libérer: 2023-04-26 10:02:21
original
1972 Les gens l'ont consulté

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!

source:php.cn
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal