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
Si vous n'avez pas de compte Github, vous devez d'abord en créer un. Site officiel de Github : https://github.com/
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.
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
Ouvrez l'outil de ligne de commande et entrez la commande suivante pour installer :
npm install -g hexo-cli
Créez un répertoire vide pour stocker le blog. , dans Saisissez la commande suivante sur la ligne de commande pour initialiser :
hexo init
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 :
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
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.
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 :
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
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
Entrez la commande suivante sur la ligne de commande pour générer un blog :
hexo g
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.
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!