Hexo快速搭建静态Blog网站

声明:以下所有操作都是在windows操作系统下进行。

什么是Hexo

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

安装

在安装Hexo前需要确保电脑已经安装以下程序 :

这两个程序的安装很简单,windows用户可以使用安装程序进行安装,简单高效。

安装Node.js

建议使用这个下载地址,找到合适的版本进行下载安装即可,安装时的操作请自行参考百度。

安装Git

建议使用这个下载地址 进行下载安装, 这里也请参考百度。建议不要下载最新的版本, 尽量下载大多数人用的版本。

安装Hexo

在安装Hexo前,请再次确保Node.js和Git已经成功安装。检查是否安装好以上两个程序,在桌面点击鼠标右键,可在选项中看到 Git Bash Here 选项,点击进入bash交互界面。

在打开bash交互界面(类似于Linux交互界面)中输入:

1
$ git --version
1
$ node --version

如果显示相关的版本信息说明安装成功。

现在可以正式安装Hexo了,使用如下命令安装:

1
$ npm install -g hexo-cli

建站

初始化

安装 Hexo 完成后,执行下列命令,Hexo 将会在指定文件夹中新建所需要的文件。

1
2
3
$ hexo init <folder>  # folder 是文件夹 即 hexo init 文件夹
$ cd <folder>
$ npm install

命令执行成功没有 error 错误,我们就建站成功了。

###安装hexo-server并启动

1
2
$ npm install hexo-server --save
$ hexo server

这两条命令执行完成后会生成一个如下的地址:

hexo1
本地hexo-web地址

把这个网址复制下来并粘贴到浏览器中打开即可看到本地 Hexo 默认的主题博客了,如果没有成功的话请检查自己是否有操作不当的地方或者命令错误。

部署

创建Git仓库

登录GitHub账号,创建一个仓库,注意仓库的名字一定要以 “<用户名>.github.io” 这种格式。

hexo2
hexo2

创建时,注意要将下面这个选项勾上。

hexo3
hexo3

生成SSH keys

这个很重要! 这个如果没有添加 ssh keys 那么等会必定会报错。

使用如下操作生成SSH key

hexo4
hexo4

生成密钥完成后, 将 id_rsa.pub 中的所有内容拷贝到github中相应的位置中去。

登录GitHub,找到如下位置:

hexo5
hexo5
hexo6
hexo6
hexo7
hexo7

将生成的在 id_rsa.pub 中的内容 拷贝到其中,然后添加。

更改配置

在初始化文件夹下找到 _config.yml 这个文件并打开

1
$ vim _config.yml

打开后做如下修改, repository 就是 github 为我们生成的一个地址。这里注意一下空格。

hexo8
hexo8

生成静态网页并部署

1
2
3
$ hexo clean  # 清理缓存
$ npm install hexo-deployer-git --save
$ hexo g -d

至此,部署完毕。

最后在浏览器中输入地址即可(即 username.github.io ,其中username为你自己创建仓库的名字)。

当然在以上操作中如果遇到什么错误 这里也许可以帮到你 帮助