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

Comment utiliser Hexo pour créer un blog personnel

PHPz
Libérer: 2023-04-26 10:16:20
original
982 Les gens l'ont consulté

Hexo est un framework de blog statique rapide, simple et puissant qui peut être utilisé pour créer un blog ou un site Web personnel. Contrairement à d'autres CMS (systèmes de gestion de contenu) tels que WordPress ou Joomla, Hexo génère des fichiers statiques, ce qui rend l'accès au site Web plus rapide et plus sécurisé.

Cet article vous présentera les étapes détaillées d'utilisation de Hexo pour créer un blog personnel et le déployer sur Internet via GitHub.

Installer Hexo

Avant de commencer, vous devez d'abord installer Hexo. Tout d’abord, assurez-vous que Node.js, npm (gestionnaire de packages Node.js) et Git sont installés sur votre machine. Ouvrez le terminal et entrez la commande suivante pour installer Hexo :

$ npm install -g hexo-cli
Copier après la connexion

Créer un nouveau site Hexo

Après avoir installé Hexo, vous pouvez créer un nouveau site. Veuillez suivre les étapes ci-dessous :

  1. Sélectionnez un dossier comme dossier pour stocker le site Hexo. Entrez la commande suivante dans le terminal et entrez ce dossier :

    $ cd /path/to/folder
    Copier après la connexion
  2. Exécutez la commande suivante pour générer un nouveau site Hexo :

    $ hexo init myblog
    Copier après la connexion
  3. # 🎜🎜 #
  4. Entrez dans le site nouvellement créé :

    $ cd myblog
    Copier après la connexion
Maintenant que nous avons un site Hexo de base, nous devons ensuite le configurer.

Configuration d'Hexo

Le fichier de configuration du site est _config.yml. Ce fichier contient des informations sur votre site telles que le nom du site, la description, les balises, les réseaux sociaux tiers, etc. Entrez la commande suivante dans le terminal pour modifier le fichier :

$ nano _config.yml
Copier après la connexion
_config.yml。该文件包含你的站点信息,例如站点名称、描述、标签、第三方社交媒体等。在终端输入以下命令,编辑该文件:
deploy:
  type: git
  repo: https://github.com/yourusername/yourusername.github.io.git
  branch: master
Copier après la connexion

在文件中,你需要设置以下内容:

  1. title: 设置你的站点名称
  2. author: 设置你的名字
  3. description: 设置你的站点描述
  4. language: 设置你的语言
  5. timezone: 设置你的时区
  6. theme: 设置你的Hexo主题
  7. deploy: 设置你的部署类型

例如,如果你想使用Next主题,需要在theme:下输入next。在deploy下,我们将GitHub作为我们的部署类型,因此需要提供以下信息:

$ hexo new "My First Blog Post”
Copier après la connexion

此处yourusername应替换为你的GitHub用户名和GitHub页面存储库名称。

保存文件并退出。

创建一篇新文章

现在该站点已经配置好了,接下来创建一篇新的文章。在Hexo中,将使用Markdown文件来创建文章。在终端输入以下命令,创建一个新文章:

---
title: My First Blog Post
date: 2021-05-01 22:31:01
tags:
description: This is my very first blog post!
---

Hello world!

This is my first blog post on my new Hexo site. I'm really excited to start writing and sharing my thoughts with the world.
Copier après la connexion

此命令将在/source/_posts目录下创建一个新的Markdown文件my-first-blog-post.md。使用任何编辑器打开该文件,并使用Markdown语法编写内容。

例如:

$ cd /path/to/myblog
Copier après la connexion

在保存并退出文件后,就可以将它部署到GitHub上了。

部署Hexo到GitHub

首先,需要在GitHub上创建一个新的存储库。请确保该存储库的名称为yourusername.github.io,其中yourusername应替换为你的GitHub用户名。该存储库便是你的个人博客。创建存储库后,需要在本地计算机上进行一些操作,将Hexo网站部署到该存储库中。

初始化本地存储库

在终端输入以下命令,将当前目录设置为Hexo站点目录:

$ git init
Copier après la connexion

接下来,使用以下命令将站点初始化为git存储库:

$ git add .
Copier après la connexion

此命令将在站点目录中初始化一个空的git存储库。

添加变更

在本地计算机上修改了Hexo博客,需要将变更添加到git存储库中。输入以下命令,添加新文件和修改文件:

$ git commit -m "My First Blog Post"
Copier après la connexion

提交变更

输入以下命令,提交变更:

$ ssh-keygen -t rsa -b 4096 -C "your_email@example.com"
Copier après la connexion

在引号内填上此次提交的描述内容,例如此处的标题“My First Blog Post”。

部署到GitHub

部署到GitHub,需要为感兴趣的存储库设置SSH密钥。输入以下命令:

$ cat ~/.ssh/id_rsa.pub
Copier après la connexion

在引号内填上你的GitHub注册邮箱。

接下来,按回车键将一路留空,直到SSH密钥生成完毕。

使用以下命令将公钥添加到GitHub中:

$ hexo deploy
Copier après la connexion

将这个公钥复制到你的GitHub账户中。在GitHub页面的Settings菜单中,选择SSH and GPG keys,选择New SSH key,并将公钥粘贴到文本框中。

输入以下代码,将代码推到GitHub存储库中:

rrreee

输入此命令后,Hexo会自动将你的变更提交到GitHub存储库,并且在yourusername.github.io上部署网站。

从此刻起,你的博客就可以通过访问https://yourusername.github.ioDans le fichier, vous devez définir le contenu suivant :

title : Définissez le nom de votre site

author: Définissez le nom de votre site#🎜🎜##🎜🎜#description: Définissez la description de votre site #🎜 🎜##🎜🎜#langue : Définissez votre langue #🎜🎜##🎜🎜#fuseau horaire : Définissez votre fuseau horaire #🎜🎜##🎜🎜#theme : Définissez votre thème Hexo #🎜🎜##🎜🎜#deploy : Définissez votre type de déploiement #🎜🎜##🎜🎜##🎜🎜#Par exemple, si vous Si vous souhaitez utiliser le thème Suivant, vous devez saisir suivant sous thème :. Sous deploy, nous avons GitHub comme type de déploiement, nous devons donc fournir les informations suivantes : #🎜🎜#rrreee#🎜🎜#Ici, votre nom d'utilisateur doit être remplacé par votre Nom d'utilisateur GitHub et nom du référentiel GitHub Pages. #🎜🎜##🎜🎜#Enregistrez le fichier et quittez. #🎜🎜##🎜🎜#Créer un nouvel article #🎜🎜##🎜🎜#Maintenant que le site est configuré, créons un nouvel article. Dans Hexo, les fichiers Markdown seront utilisés pour créer des articles. Entrez la commande suivante dans le terminal pour créer une nouvelle publication : #🎜🎜#rrreee#🎜🎜#Cette commande créera un nouveau fichier Markdown my-first- dans le <code>/source/_posts répertoire blog-post.md. Ouvrez le fichier avec n'importe quel éditeur et écrivez le contenu en utilisant la syntaxe Markdown. #🎜🎜##🎜🎜#Par exemple : #🎜🎜#rrreee#🎜🎜#Après avoir enregistré et quitté le fichier, vous pouvez le déployer sur GitHub. #🎜🎜##🎜🎜#Déployer Hexo sur GitHub#🎜🎜##🎜🎜#Tout d'abord, vous devez créer un nouveau référentiel sur GitHub. Veuillez vous assurer que le référentiel est nommé votrenom d'utilisateur.github.io, où votre nom d'utilisateur doit être remplacé par votre nom d'utilisateur GitHub. Ce référentiel est votre blog personnel. Après avoir créé le référentiel, vous devez effectuer certaines opérations sur votre ordinateur local pour déployer le site Web Hexo sur le référentiel. #🎜🎜#

Initialiser le référentiel local

#🎜🎜#Entrez la commande suivante dans le terminal pour définir le répertoire actuel sur le répertoire du site Hexo : #🎜🎜#rrreee#🎜🎜#Ensuite, utilisez ce qui suit commande pour initialiser le site en tant que référentiel git : #🎜🎜#rrreee#🎜🎜#Cette commande initialisera un référentiel git vide dans le répertoire du site. #🎜🎜#

Ajouter des modifications

#🎜🎜#Le blog Hexo a été modifié sur l'ordinateur local et les modifications doivent être ajoutées au référentiel git. Entrez la commande suivante pour ajouter de nouveaux fichiers et modifier les fichiers : #🎜🎜#rrreee

Commit changes

#🎜🎜#Entrez la commande suivante pour soumettre les modifications : #🎜🎜#rrreee#🎜🎜#Entrez le devis marques Une description de cette soumission, comme le titre ici "Mon premier article de blog". #🎜🎜#

Déployer sur GitHub

#🎜🎜# Pour déployer sur GitHub, vous devez configurer une clé SSH pour le référentiel qui vous intéresse. Entrez la commande suivante : #🎜🎜#rrreee#🎜🎜# Remplissez votre adresse e-mail enregistrée sur GitHub entre guillemets. #🎜🎜##🎜🎜# Ensuite, appuyez sur la touche Entrée et laissez-la vide jusqu'à ce que la clé SSH soit générée. #🎜🎜##🎜🎜#Ajoutez la clé publique à GitHub à l'aide de la commande suivante : #🎜🎜#rrreee#🎜🎜#Copiez cette clé publique sur votre compte GitHub. Dans le menu Paramètres de la page GitHub, sélectionnez Clés SSH et GPG, sélectionnez Nouvelle clé SSH et collez la clé publique dans la zone de texte. . #🎜🎜##🎜🎜#Entrez le code suivant pour transférer le code vers le référentiel GitHub : #🎜🎜#rrreee#🎜🎜#Après avoir entré cette commande, Hexo validera automatiquement vos modifications dans le référentiel GitHub et déploiera le site Web sur votrenom d'utilisateur.github.io. #🎜🎜##🎜🎜# Désormais, votre blog est accessible en visitant https://yourusername.github.io. #🎜🎜##🎜🎜#Conclusion#🎜🎜##🎜🎜# Utiliser Hexo pour créer un blog personnel rapidement et en toute sécurité est un excellent choix. En combinaison avec l'utilisation de GitHub, vous pouvez rapidement créer un site Web de blog professionnel et partager vos connaissances à l'échelle mondiale. En suivant les étapes décrites dans cet article, vous pouvez également créer facilement votre propre blog Hexo et le déployer sur la plateforme GitHub. #🎜🎜#

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