使用hexo+github建立个人博客

查看了许多教程,也踩了一些坑,我终于也搭建好自己的Blog了Y^o^Y
好了,我也不废话了,直入正题,我使用的Hexo 版本是3.1.1。

正文:
这边教程主要是针对与Mac的。我个人使用的 OS X EI Caption 版本 10.11.1

配置环境

1.安装Node(必须)
2.安装Git(必须)
3.正式安装HEXO

安装 Node.js

教程说安装 Node.js 的最佳方式是使用 nvm。但是我的mac上没有nvm所以我选择使用了 curl的方式安装。

cURL:

1
$ curl https://raw.github.com/creationix/nvm/master/install.sh | sh

Wget:

1
$ wget -qO- https://raw.github.com/creationix/nvm/master/install.sh | sh

安装完成后,重启终端并执行下列命令即可安装 Node.js。

1
$ nvm install 0.10

安装Git

Mac上都已经默认安装上了git,所以直接跳过#^_^#

安装HEXO

所有必备的应用程序安装完成后,即可使用 npm 安装 Hexo。

1
$ npm install -g hexo-cli

建站

搭建博客需要的环境我们已经准备好了,接下来我们开始建立自己的博客。

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

1
2
3
$ hexo init <folder>
$ cd <folder>
$ npm install

新建完成后,指定文件夹的目录如下:

1
2
3
4
5
6
7
8
.
├── _config.yml
├── node_modules
├── package.json
├── scaffolds
├── source
| └── _posts
└── themes

本地查看博客

现在我们已经搭建起本地的hexo博客了,在刚刚建站生成的文件夹下执行以下命令,然后到浏览器输入localhost:4000看看。

1
2
hexo generate
hexo server

将本地的博客上传到github上去

注册github账号

不知道什么是github或不知道怎么注册的同学自己百度吧。

创建Repository

创建的时候注意Repository的名字。比如我的Github账号是bay2,那么我应该创建的Repository的名字是:bay2.github.io。

Repository

修改配置文件

到你刚刚创建的Repository下,Repository

https url

到站点目录下找到_config.yml,修改一下配置。注意repository是你创建的repository的https地址

config

设置SSH keys

执行以下命令,看看是否存在图中的这两个id_rsa文件。

1
ls -al ~/.ssh

id_rsa

如果存在执行以下命令,备份id_rsa文件

1
2
3
cd ~/.ssh/
mkdir key_backup
mv id_rsa* key_backup

输入以下命令(邮箱就是你注册Github时候的邮箱),在输入以下命令后回出现提示
Enter passphrase (empty for no passphrase):
所有提示直接回车就好了

1
ssh-keygen -t rsa -C "382499488@qq.com"

ssh-keygen

然后键入以下命令,命令执行完后会生成id_rsa、id_rsa.pub两个文件。

1
2
ssh-agent -s
ssh-add ~/.ssh/id_rsa

然后到Github里面,点击右上角的图标,选择Settings

Settings

到设置页面中选择“SSH keys”

SSH keys

然后点击按钮“Add SSH key”

addkey

输入Title,作为这个key的描述,然后把id_rsa.pub文件的内容拷贝粘贴到Key中,点击“Add key”,输入你的Github密码即可完成SSH Key的添加。

add

执行以下命令测试一下与github的连接是否ok

1
ssh -T git@github.com

显示一下打印说明与github连接ok了。

succ

完成部署

最后一步,快要成功了执行以下命令:

1
2
3
npm install hexo-deployer-git --save
hexo generate
hexo deploy

OK,我们的博客就已经完全搭建起来了,在浏览器输入:https:// {github用户名} .github.io/

常用命令

创建一篇新文章

1
hexo new [layout] <title>

使用 Hexo 生成静态文件

1
hexo generate

一键部署

1
hexo deploy

启动服务器

1
hexo server