使用hexo和github搭建个人博客

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

什么是Hexo ?

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

1. 安装

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

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

请务必将这两个程序安装好, 否则我们不能进行以下操作.

1-1-1安装Git

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

1-1-2安装Node.js

Windows用户安装这个最好也是下载对应的安装程序进行安装, 这里也请参考百度 值得一提的是建议不要下载最新的版本, 尽量下载大多数人用的版本.

1-1-3安装Hexo

检查是否安装好以上两个程序, 在桌面点击鼠标右键, 选择

hexo1

在打开的类似Linux的命令行中输入命令;

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

在以上的两个必备的应用程序安装完成之后我们可以安装Hexo了.

使用如下命令安装

1
$ npm install -g hexo-cli

2. 建站

2-1 初始化

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

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

命令执行成功没有 error 错误的时候,我们就建站成功了;

2-2 安装server并启动

接着执行以下命令。

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

2-3 进入默认主题博客

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

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

3. 部署

3-1 建立Git仓库

因为要使用到 Git , 所以我们需要先建立一个新的仓库,建立仓库这个就不再赘述,这里只做简要的描述,不会的同学还请自行百度=。=

hexo3

注意: 这里在建仓库的时候, 仓库的名字一定要按照 <用户名>.github.io 这样的格式来写

hexo4

3-2 生成SSH keys

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

使用如下操作生成SSH key

hexo5

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

找到 github 中的设置 :

hexo6

生成一个新的SSH key 并将我们生成的在 id_rsa.pub 中的内容 拷贝到其中

hexo7

hexo8

添加到其中即可

3-3 更该配置

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

这里最好使用 Sublime或者 Hbuilder 打开.

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

hexo9

3-4 生成静态网页并部署

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

最后

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

最后更新: 2018年06月30日 10:14

原始链接: http://yoursite.com/2018/06/30/搭建个人博客/

× 请我吃糖~
打赏二维码