Hexo是什么?

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他标记语言）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。
–Hexo文档

安装Hexo

请确定你的电脑已经安装了node

1
$ npm install -g hexo-cli

安装完成后可以使用以下指令用于查看命令

1
$ npx hexo <command>

初始化Hexo站点

依次输入以下指令

1
2
3
$ hexo init <folder>
$ cd <folder>
$ npm install

初始化完成项目后我们能看到项目结构是这样的

1
2
3
4
5
6
7
8
.
├── _config.yml
├── package.json
├── scaffolds
├── source
|   ├── _drafts
|   └── _posts
└── themes

_config.yml

用于配置网站相关信息

source

这个是存放你自己写的md文档，或者静态资源的

themes

这个是用于存放主题的，Hexo是能够根据这个进行切换主题常用主题有ButterFly等等

创建文章

我们已经通过命令初始化了Hexo项目，接下来我们需要创建第一篇文章

1
hexo new "你的文章名"

输入指令后我们会在source->_posts上看到我们生成的md文件，进入文件后我们能看到顶部有类似这样的东西

1
2
3
4
5
---
title:xxx
date: xxxx
---

title就是我们这个文章的标题,date就是文章生成的时间，当然还有很多的配置项，我们可以到Hexo官方文档中去查看

部署

接着我们使用md的写法进行书写我们的文章，文章写完后我们需要将我们写完的个人博客部署到github上，Hexo官方为我们准备了一键部署，也就是使用hexo-deployer-git进行一键快速部署。

安装hexo-deployer-git

1
$ npm install hexo-deployer-git --save

清除hexo缓存

1
$ hexo clean

构建网站

1
$ hexo g

创建一个自己的github仓库

建议仓库名为<自己的名字>.github.io
因为这样之后我们可以用<自己的名字>.github.io访问到网站

配置hexo-deployer-git到仓库

接下来我们去到_config.yml文件中，找到deploy配置项，将我们的博客与仓库连接起来

1
2
3
4
deploy:
  type: git 
  repo: https://github.com/<自己的名字>/<仓库名>.git 
  branch: main

这里注意branch这个在自己仓库的设置中哪个是默认的分支,我这是main，大家可以自己设置为master之类的分支

部署到github

1
$ hexo d

这样我们就完成了部署，接着我们访问 <你的名字>.github.io 就能看到你部署成功的个人博客了

个人博客网站

我这里使用了ButterFly主题可能跟默认的博客样式不一样