会使用到的工具

  • node.js

  • sublime

  • git

node.js

下载和安装

首先我们首先在node.js的官网下载

1

使用其他平台的用户可根据自己的需求下载哦（图片为Windows平台）

下载完成后，一路next就能安装成功。

检查安装情况

  • node.js

打开Windows 命令处理程序输入node -v

2

出现版本号即为安装成功

  • npm

继续在Windows 命令处理程序输入npm -v

3

出现版本号即为安装成功

sublime

直接到sublime官网下载。建议安装在与博客文件同一文件夹中。

git

下载和安装

  • 下载

    下载git可直接去git**官网**下载。进入官网后点击download。

    4

  • 安装

  1. 下载完成后打开进入此界面（因为我已经安装过git所以图中下面会多显示Only show new options ）

    5

  2. 安装路径——选择自己想安装的位置就行。

  3. 安装git组件，图中框起来的为默认选中的组件，根据自己的需求勾选好后，选择下一步。

    6

  4. 菜单文件夹，直接选择默认就行。

  5. 选择git的默认编辑器

    7

  6. 选择仓库的初始名称。

    8

  7. 修改系统的环境变量

    9

  8. SSL的证书选择

    10

  9. 配置行尾结束符，默认为unix格式，可根据自己的情况选择

    11

  10. 配置终端仿真，建议第一个

    12

  11. 其他配置，默认即可。

  12. 安装完成后点击鼠标右键会出现Git GUI Here和Git Bash Here两个选项

    13

Hexo 安装

在自己想安装hexo的位置新建一个叫blog的文件夹。创建完成后使用Windows命令窗口进入blog的文件夹中。

使用npm命令安装hexo，输入：

1
npm install -g hexo-cli

14

安装完成后再输入：

1
hexo init blog  //blog可替换成你想要的名字

进行初始化

​ 15

出现 Start blogging with Hexo！即为成功。

进入第二个一创建好的blog文件夹，按顺序输入：

1
2
3
hexo new hello Hexo		//新建一篇名为“hello Hexo”的博客
hexo g					//生成静态文件
hexo s					//本地部署预览

完成后输入localhost:4000可进行本地访问。

16

部署到GitHub

GitHub仓库创建

首先要有一个GitHub的账号。

登录后点击左上角的new，创建新的仓库。进入仓库后输入仓库名称，必须要与owner下的名称一致，输入完成后即可（因为我之前已经创建过了仓库，所以提示）

​ 17

GitHubSSH配置

打开git bash输入如下代码：

1
2
3
4
5
git config –global user.email “xxx@qq.com“ //填写注册github的邮箱

git config –global user.name “xxxx” //github 用户名

ssh-keygen //输入完这个就一致enter就行了

完成后进入用户目录下的.ssh文件夹，打开id_rsa.pub，复制里面的内容。

进入GitHub，鼠标移动到右上角头像处，点击settings，之后再点击左边 SSH and GPG keys。创建一个新的SSH即可。

Hexo与GitHub连接

在站点文件夹中打开_config.yml，将Deployment改为：

1
2
3
4
5
6
# Deployment
## Docs: https://hexo.io/docs/one-command-deployment
deploy:
  type: git
  repo: https://github.com/yui1111/yui1111.github.io.git //改为自己GitHub中的https链接
  branch: master

18

将”url”后改为“https://github项目名"

1
2
3
4
5
6
7
8
9
# URL
## If your site is put in a subdirectory, set url as 'http://example.com/child' and root as '/child/'
url: https://yui1111.github.io //改这个
root: /
permalink: :year/:month/:day/:title/
permalink_defaults:
pretty_urls:
  trailing_index: true # Set to false to remove trailing 'index.html' from permalinks
  trailing_html: true # Set to false to remove trailing '.html' from permalinks

安装插件，上传博客

1
2
3
4
5
6
npm install hexo-deployer-git --save
hexo g
hexo d
git config --global user.email "github邮箱"
git config --global user.name "github用户名"
hexo d

输入网址如https://yui1111.github.io后等待一会即可进入。

至此搭建过程结束。