第一步：首先在本地安装Node.js，安装方法百度自行安装。

安装完成后，cmd打开命令窗口，输入node -v显示具体的版本号，说明安装成功。如图下。

image.png

第二步：安装Git，安装方法百度自行安装。安装完成后，cmd打开命令窗口，输入git -version显示具体的版本号，说明安装成功。如图下。

image.png

第三步：下载Hexo

Hexo是一个快速，简洁，高效的博客框架，本文正是利用它去完成博客的搭建。
下载方法cmd打开命令窗口，输入命令：npm install hexo-cli -g，安装该框架

image.png

第四步：在某个盘下新建一个文件夹，我这里是在D盘下新建一个hexo文件夹

image.png

鼠标右键单击你的hexo文件夹，选择Git Bash Here(一般安装时默认配置了)，然后输入命令：hexo init ，完成后会在hexo文件夹内生成hexo的一些模板文件

image.png image.png

第五步：修改配置文件。其他的可以到https://hexo.io/zh-cn/docs/查看自行修改

title：网站标题
description: 描述
author：作者

image.png

第六步：给自己的网站安装喜欢的主题

上一步的主题是hexo的默认主题：landscape ，主题的位置是在hexo/themes文件目录下

image.png

下载自己喜欢的主题：
进入到hexo/themes文件目录下，右键选择Git-Bash-Here，在Git-Bash-Here的窗口下输入命令：git clone https://github.com/iissnan/hexo-theme-next
https://github.com/iissnan/hexo-theme-next是hexo-theme-next主题在github中的一个地址，把该地址换成你想要的主题下载地址即可

image.png

在hexo/themes路径下就可以看到刚下载的主题啦！

image.png

然后在在配置文件_config.yml中修改它的主题为hexo-theme-next

image.png

然后再输入hexo g 生成静态文件和输入hexo s 启动服务，在本地浏览器上输入http://localhost:4000/即可看到下面的页面啦

image.png
image.png
image.png

第七步：如何让所有人都可以访问自己写的文章，这里利用了GitHub的免费静态内容空间。首先你要有一个github账号，如何注册等自行百度

进入自己的GitHub主页面，如下，新建一个仓库，用于存放自己的项目文章等，这一步很关键，仓库名为：用户名.github.io的格式。不要输错。按图的步骤来

image.png

创建后就会生成以下的项目，点击settings

image.png

在页面的下面的GitHub Pages中会看到一个网址，这个就是正确生成给你的，可以供大家访问的地址

image.png
我们也可以在浏览器上输入(你的用户名).github.io 访问了，我的这里是chenrongjian.github.io

第八步：让hexo与github关联。先复制GitHub刚新建的项目的https地址，如图下

image.png

再把地址绑定到hexo项目中，在配置文件_config.yml下面添加以下的内容：
repo中的那个地址就是你的github项目地址，改成你的即可

deploy:
  type: git
  repo: https://github.com/chenrongjian/chenrongjian.github.io.git
  branch: master

第九步：下载deployer-git

鼠标右键单击你的hexo文件夹，选择Git Bash，在窗口中输入npm instal hexo-deployer-git --save。

image.png

第十步：把本地hexo项目推送到github上。在上一步的窗口上继续输入命令：

hexo clean && hexo g && hexo d 完成后，浏览器输入：用户名.github.io 即可访问你的博客啦

image.png

其实很简单，但是操作起来很多细节上可能会犯错，网上和有很多教程，但是很容易在细节上掉到作者的坑里去，就没有办法实现自己想要的效果。以此文章来记录自己的一个学习过程。
参考文章：
https://hexo.io/zh-cn/docs/ hexo文档
https://www.jianshu.com/p/e6662ca7e283
https://www.jianshu.com/p/8e9000cc1015?utm_campaign=haruki&utm_content=note&utm_medium=reader_share&utm_source=weixin