win10 construire un blog hexo et déployer sur github

Les principales étapes sont les suivantes:

1. Télécharger node.js

   • hexo blog est un blog statique basé sur node.js, donc node.js doit être installé. Il convient de mentionner que lors de l'installation de node.js, npm sera installé par défaut. Le nom complet de npm est Node Package Manager, qui est utilisé pour gérer (installer ou désinstaller) les packages liés de node.js, ce qui simplifie considérablement notre fonctionnement des packages, nous utiliserons donc npm pour installer hexo plus tard.
   • Node.js est installé jusqu'au suivant, l'option par défaut est suffisante. Une fois l'installation terminée, ouvrez cmd, entrez node -v, si le numéro de version s'affiche, l'installation est réussie

2. Utilisez npm pour installer hexo

   • En raison de l'existence de npm, notre installation d'hexo est très simple. Entrez simplement la npm i -g hexo-clicommande pour terminer l'installation d'hexo. Cependant, en raison des limitations de vitesse du réseau domestique, PlanB peut être utilisé si l'installation échoue.
   • PlanB: utilisez la courbe de source miroir domestique de Taobao pour enregistrer le pays, installez d'abord cnpm, et la commande cmd est npm i -g cnpm --registry=https://registry.npm.taobao.org. Ensuite, utilisez cnpm pour installer hexo, la commande est similaire à npm cnpm -i -g hexo-cli(il est recommandé d'installer l'hexo-cli officiel recommandé au lieu d'hexo)
   • Peut être utilisé hexo -vpour déterminer si l'installation a réussi

3. Créer un blog avec hexo

   • Créez d'abord un dossier pour stocker les futurs blogs. cdEntrez ensuite le dossier et utilisez la hexo initcommande pour initialiser. Si tout se passe bien, vous serez invité: la
     
     structure du répertoire devrait être comme ceci:
     
     et entrez dans le hexo sservice de démarrage, une fois terminé, le navigateur visite http: // localhost: 4000, vous pouvez voir la page d'accueil générée par hexo. Les quatre commandes de la page d'accueil seront utilisées fréquemment dans la création de blog suivante, et les significations qu'elles représentent sont les suivantes:

       hexo new "My New Post"  // 创建博客，可简写为 hexo n
       hexo server   // 启动本地服务，可简写为 hexo s
       hexo generate   //生成静态文件，可简写为 hexo g
       hexo depoly    //部署到远端，可简写为 hexo d
     

   • Ensuite, écrivez un blog en combat réel, hexo ncréez d' abord un blog avec des commandes (ici un fichier de démarque est créé): le
     
     blog créé est stocké à l'adresse / source / _posts /
     et ensuite vous pouvez utiliser la commande vim ou d'autres façons de modifier le blog (j'utilise l'éditeur Typora ici, principalement pour voir les résultats)
     après la modification, l' utilisation hexo cleande cache db.json clair (pas nécessairement, si le site présente des anomalies, essayez d' utiliser), puis hexo ggénérer des fichiers statiques, et enfin démarrer le service hexo s, entrez l'URL d' accès, vous pouvez voir des amis de blog il suffit d' écrire .
     

4. Push to github

   • Tout d'abord, nous devons avoir un compte github et configurer la clé SSH , puis nous pouvons créer un nouvel entrepôt . Notez que le nom de l'entrepôt doit être username.github.io, ce nom d'entrepôt est l'adresse URL du futur blog de visite.
   • Ensuite, nous devons pousser le blog local vers github, nous devons donc configurer le fichier "_config.yml" après init. Ce fichier est très important. Après cela, nous devons utiliser ce fichier de configuration pour modifier le thème et ajouter des images au blog. Nous trouvons le déploiement et le modifions à la figure suivante: repo est l'adresse de notre entrepôt. Notez qu'il y a un espace après les deux points.
     
   • vous devez également télécharger un plug-in déploiement: cnpm install hexo-deployer-git --save. Après l'installation, il hexo dpeut être déployé sur github tant qu'il est utilisé . Au milieu, nous devrons peut-être saisir le nom d'utilisateur et le mot de passe github.
   • Si tout se passe bien, entrez l'adresse de l'entrepôt dans le navigateur username.github.iopour voir notre blog déployé sur github.
     

conseils:

  Dans ce processus, il est inévitable qu'il échoue en raison de facteurs tels que la vitesse du réseau. En cas de problème, supprimez simplement le dossier de blog nouvellement créé et réessayez, car toutes nos opérations sont effectuées dans ce dossier, c'est donc un gros problème.
  Bien sûr, si vous réussissez, vous pouvez également essayer de changer le thème de votre blog préféré. Je recommande des thèmes avec plus d'étoiles sur github , comme next et yilia . J'utilise moi-même le thème suivant, qui est très concis et atmosphérique.
  Choisissons un beau thème et bloguons ensemble ~