难度系数：★★★☆☆（适合优秀的你！）
耗时系数：★★★☆☆（跟着走就是了！）
能力表现：★★★★★（功夫不负有心人！）

安装环境

安装Git

验证是否安装Git：
Windows用户“Win”+R打开运行界面，输入”cmd”打开命令行窗口。输入git version；Mac用户打开终端，输入git version
若出现版本信息说明安装成功（版本号有差异不用担心），没有出现版本信息点击下方链接下载安装

1
git version 2.20.1.windows.1

引用链接地址
官网下载地址
安装过程比较简单，一般不需要特别的操作，选择默认的一直按界面的”Next”键即可。

安装node.js

验证是否安装Node.js：
Windows用户“Win”+R打开运行界面，输入”cmd”打开命令行窗口。输入node -v；Mac用户打开终端，输入node -v
若出现版本信息说明安装成功（版本号有差异不用担心），没有出现版本信息点击下方链接下载安装

1
v12.4.0

引用链接地址
官网下载地址
安装过程同样地选择默认的即可（安装路径可以按照自己需要修改）。

配置GitHub

引用链接地址
Github官网
进入Github官网注册账号。

点击shang注册成功点击New repository

创建仓库的名字必须为username.github.io，如我的username为nanbowanya，因此我创建的仓库就是nanbowanya.github.io，这是很关键的一点，很重要！输入名字后，直接点最下面绿色的按钮“Create repository”，创建新仓库。

打开你创建的项目，并在Settings - GitHub pages 下找到我框选的链接，拷贝它，后面会用到。以后你就可以通过在浏览器中输入这个链接访问你的作品。（现在打开没内容是因为我们还没有添加内容进去。）

部署项目

此步骤分Windows用户和Mac用户，以免大家混淆操作。

安装完git后，在资源管理器任意文件夹空白处右键即可看到如下界面：

单击 Git Bash Here 打开 Git Bash，在对话框中安装hexo

1
npm install hexo-cli -g

请耐心稍等一会儿，如果在安装过程中出现 WARN ，可能是因为某些内容不支持 Windows，请不要担心，并不影响实际使用。
在安装完成后，输入 hexo -v，若出现类似以下内容，则 Hexo 已经安装成功。

1
2
3
4
5
6
$ hexo -v
hexo: 3.7.1
hexo-cli: 1.1.0
os: Windows_NT 10.0.17134 win32 x64
http_parser: 2.8.0
node: 8.11.2

创建网站主目录并初始化该文件夹，例如，我在D盘创建了一个名为 My-Web 的文件夹。打开创建的 My-Web 文件夹。然后右键单击 Git Bash Here 打开 Git Bash。 在 Git Bash 中输入下方两个命令：

1
2
3
4
# 初始化目录
hexo init
# 启动本地服务
hexo s

如果出现以下信息说明成功，浏览器输入 http://localhost:4000 就可以访问了。

1
2
INFO  Start processing
INFO  Hexo is running at http://localhost:4000 . Press Ctrl+C to stop.

打开终端，输入以下命令，安装hexo

1
npm install -g hexo-cli

创建网站目录并打开它:在任意位置创建一个文件夹，如 My-Web ，cd打开到该路径下（一定记得cd打开目录，因为以后的项目都会在my-web文件夹下创建）：

1
2
3
4
5
# 在你的目录下创建一个网站文件夹
mkdir My-Web

# 进入目录
cd My-Web

在 My-Web 目录下
1
2
3
4
# 初始化目录
hexo init
# 启动本地服务
hexo s

如果出现以下信息说明成功，浏览器输入 http://localhost:4000 就可以访问了。

1
2
INFO  Start processing
INFO  Hexo is running at http://localhost:4000 . Press Ctrl+C to stop.

同步本地到线上

网站文件夹 My-Web 中的_config.yml文件，这是网站的主要配置文件。

编辑配置文件_config.yml，无法打开编辑的，可使用记事本相关软件打开。找到# Site，将标题、作者、语言替换成对应的内容，嫌麻烦的直接把language: 后面的改成 zh-CN即可

1
2
3
4
5
6
7
8
9
# Site
title: （修改为你的网站标题）
subtitle:
description:
keywords:
author: （你的名字）
language: zh-CN
timezone:

找到deploy这段字符。替换repository后面的链接为我们之前在GitHub上拷贝的链接。如我的是

1
2
3
4
deploy:
  type: git
  repository: https://github.com/nanbowan/nanbowanya.github.io.git
  branch: master

最后将Hexo部署到GitHub上，需要安装一个插件，在网站目录下运行以下命令

1
npm install hexo-deployer-git --save

然后在网站目录中执行（Windows用户右键右键单击 Git Bash Here ，Mac用户打开终端）
1
2
3
4
5
6
#清除缓存
hexo c
# 产生静态网页
hexo g
# 部署到GitHub page上 (如果只是本地预览就用hexo s)
hexo d

愉快玩耍吧！