[série hexo] 01. Construction de l'environnement Hexo et construction de github.io

Exigences environnementales de base

Pour vérifier si Node.js est installé avec succès, entrez node -v sur la ligne de commande
pour vérifier si npm est installé avec succès, entrez npm -v sur la ligne de commande
car je l'ai déjà installé

installer hexo

# 安装
npm install -g hexo-cli
# 安装之后验证
hexo --version

première expérience avec hexo

Le répertoire racine de mes notes est E:\SynologyDrive

Créer un projet hexo

Méthode 1 : opérer dans le répertoire racine

hexo init blog

Vous pouvez voir qu'un dossier appelé blog a été généré

Méthode 2 : créez un nouveau dossier de blog (remplacez-le par votre propre nom)

Allez dans le dossier du blog et exécutez :

hexo init

Les effets de ces deux éléments sont les mêmes. Après l'exécution, vous verrez que les éléments sur git sont extraits dans le dossier du blog, comme suit :

Première expérience

dossier de publication source/_posts

Ouvrez le dossier, vous pouvez voir qu'il y a un document appelé hello-world.md ci-dessous

Démarrez le serveur hexo :

hexo server

Visitez cette URL dans votre navigateur :

Vous pouvez voir la page ci-dessus ~

Créez votre première note

mettre en œuvre:

# 新建一篇文章
hexo new "first"

Vous pouvez voir le fichier nouvellement créé dans le dossier source/_posts

Ajoutez du contenu à vos notes et voyez

echo "first article" >> first.md
cat .\first.md

Exécutez dans le répertoire racine du blog :

# 生成静态网页
hexo generate

Démarrez le serveur hexo : (Si le serveur vient de fonctionner, cette étape n'est pas nécessaire)

hexo server

Accédez à l'URL du serveur dans le navigateur :

Vous pouvez voir l'article que vous venez de créer et la première note est prête~

Pousser vers le site Web github

Créer un nouveau github.io

pousser vers github

L'opération ci-dessus consiste à démarrer le serveur hexo localement. L'essentiel est de naviguer localement. Nous pouvons choisir de pousser le blog vers github.

npm install hexo-deployer-git --save

Modifier le fichier _config.yml dans le répertoire racine du blog

Ouvrez le fichier, avant modification :

Après modification : (ajouter du contenu ci-dessous déployer)

En fait, il s'agit de configurer la commande hexo déployer pour faire savoir à hexo où vous souhaitez déployer le blog. Évidemment, nous le déployons dans notre entrepôt GitHub.

mettre en œuvre:

hexo clean
hexo deploy

Hexo Deploy doit saisir le nom d'utilisateur et le mot de passe, et il signale une erreur après l'avoir saisi plusieurs fois. Plus tard, j'ai appris grâce aux informations que le mot de passe peut être saisi dans le jeton github (important) .

Où obtenir le jeton :


J'utilise le classique, je n'en ai pas utilisé d'autre.

Après avoir saisi le jeton, vous pouvez le télécharger. comme suit:

Après le téléchargement, vous pouvez voir autant de fichiers sur github :

Visitez ningan123.github.io :
(S'il n'y a rien à visiter au début, il est recommandé d'attendre un moment, et il y aura un moment)

Poussé avec succès vers github ~

Push vers github (sans mot de passe en mode ssh)

Ajouter une nouvelle ligne de documents pour la distinguer de la dernière fois

echo "hexo deploy git ssh" >> .\first.md

Modifier le fichier _config.yml dans le répertoire racine du blog

mettre en œuvre:

hexo clean
hexo deploy

(Parce que j'ai déjà configuré la clé ssh sur github auparavant, si vous ne l'avez pas encore configurée, recherchez-la simplement en ligne)

Comme vous pouvez le constater, il n'est pas nécessaire de saisir le nom d'utilisateur et le mot de passe pour ce push~

Il a également été mis à jour sur github~

Les références

# GitHub Pages + Hexo pour créer un site de blog personnel, le tutoriel le plus complet de l'histoire

Je suppose que tu aimes

Origine blog.csdn.net/weixin_42072280/article/details/128277772
conseillé
Classement