Maison > Article > outils de développement > Comment utiliser Hexo pour créer un blog personnel
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.
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
Après avoir installé Hexo, vous pouvez créer un nouveau site. Veuillez suivre les étapes ci-dessous :
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
Exécutez la commande suivante pour générer un nouveau site Hexo :
$ hexo init myblog
$ cd myblog
_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
_config.yml
。该文件包含你的站点信息,例如站点名称、描述、标签、第三方社交媒体等。在终端输入以下命令,编辑该文件:deploy: type: git repo: https://github.com/yourusername/yourusername.github.io.git branch: master
在文件中,你需要设置以下内容:
title:
设置你的站点名称author:
设置你的名字description:
设置你的站点描述language:
设置你的语言timezone:
设置你的时区theme:
设置你的Hexo主题deploy:
设置你的部署类型例如,如果你想使用Next主题,需要在theme:
下输入next
。在deploy
下,我们将GitHub作为我们的部署类型,因此需要提供以下信息:
$ hexo new "My First Blog Post”
此处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.
此命令将在/source/_posts
目录下创建一个新的Markdown文件my-first-blog-post.md
。使用任何编辑器打开该文件,并使用Markdown语法编写内容。
例如:
$ cd /path/to/myblog
在保存并退出文件后,就可以将它部署到GitHub上了。
首先,需要在GitHub上创建一个新的存储库。请确保该存储库的名称为yourusername.github.io
,其中yourusername
应替换为你的GitHub用户名。该存储库便是你的个人博客。创建存储库后,需要在本地计算机上进行一些操作,将Hexo网站部署到该存储库中。
在终端输入以下命令,将当前目录设置为Hexo站点目录:
$ git init
接下来,使用以下命令将站点初始化为git存储库:
$ git add .
此命令将在站点目录中初始化一个空的git存储库。
在本地计算机上修改了Hexo博客,需要将变更添加到git存储库中。输入以下命令,添加新文件和修改文件:
$ git commit -m "My First Blog Post"
输入以下命令,提交变更:
$ ssh-keygen -t rsa -b 4096 -C "your_email@example.com"
在引号内填上此次提交的描述内容,例如此处的标题“My First Blog Post
”。
部署到GitHub,需要为感兴趣的存储库设置SSH密钥。输入以下命令:
$ cat ~/.ssh/id_rsa.pub
在引号内填上你的GitHub注册邮箱。
接下来,按回车键将一路留空,直到SSH密钥生成完毕。
使用以下命令将公钥添加到GitHub中:
$ hexo deploy
将这个公钥复制到你的GitHub账户中。在GitHub页面的Settings
菜单中,选择SSH and GPG keys
,选择New SSH key
,并将公钥粘贴到文本框中。
输入以下代码,将代码推到GitHub存储库中:
rrreee输入此命令后,Hexo会自动将你的变更提交到GitHub存储库,并且在yourusername.github.io
上部署网站。
从此刻起,你的博客就可以通过访问https://yourusername.github.io
Dans 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. #🎜🎜#Mon premier article de blog
". #🎜🎜#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!