VisYang's Studio.

利用hexo搭建博客

2015/02/03

hexo 是一个静态博客生成器,能帮你命名生成一个网站,下面将介绍安装步骤:

1. 安装 node 环境

1
2
3
- http://nodejs.cn/
网站内有 node.js 的下载链接
- 下载安装即可

安装完成后,可以确认机器上是否有 node 环境:

打开 cmd:

1
2
键入 node -v
返回一个版本号,则安装成功

2. 安装 git

1
2
https://git-for-windows.github.io/
下载安装

3. 安装 hexo

1
2
3
4
命令窗口键入:
npm install hexo-cli --global
接下来可以通过 `hexo --version` 命令查看是否安装成功:

4. 生成博客

1
2
键入:hexo init 博客目录名称
# hexo 会帮你在执行该命名所处的目录生成一个指定名称的目录文件

5. 启动预览博客

1
2
3
在你创建的目录下按住shift点击右键运行命令窗口
键入命令 hexo server
可在本地预览博客 http://localhost:4000/

6. 注册 github 账号

1
2
3
4
- https://github.com/
- 注册页面:https://github.com/join
- 填入用户名、密码、邮箱
- 然后在自己的邮箱中收取邮件激活验证

7. 创建一个具名的仓库

1
2
3
4
5
6
到这里一定要确保你的邮箱经过验证了。
点击右上角的:+ 选择 -> New repository 创建一个仓库
起名:注册github时候的用户名.github.io
得到你的仓库地址 例如: https://github.com/vis-yang/vis-yang.github.io.git

8. 把博客发布托管到 github 上

本地操作准备:
_config.yml 文件最后 加入:

1
2
3
4
以我的为例,我的仓库地址是https://github.com/vis-yang/vis-yang.github.io.git,则
deploy:
type: git
repo: https://你的用户名:你的密码@github.com/vis-yang/vis-yang.github.io.git

然后安装一个用来快速发布的工具:

1
npm install hexo-deployer-git --save

然后:在所在目录执行

1
2
Hexo deploy --generate
同步更新到博客

推送成功之后,来到线上github仓库,找到 Pages -> 开启服务

然后他会告诉你访问地址,以后访问这个地址就可以了。

接下来你只需要在你写完文章,每次发布的时候敲一个命令就会同步到博客:

1
2
3
4
5
在根目录命令窗口键入:hexo new 文章名称 来创建一篇新文章
在你创建的本地仓库中的 source -> _posts 内就有你创建的文章md文件了,选择编译
编译完成后在根目录命令窗口键入:
Hexo deploy --generate
就会同步到你的博客了

到此为止我们的个人博客就搭建成功了

CATALOG
  1. 1. 1. 安装 node 环境
  2. 2. 2. 安装 git
  3. 3. 3. 安装 hexo
  4. 4. 4. 生成博客
  5. 5. 5. 启动预览博客
  6. 6. 6. 注册 github 账号
  7. 7. 7. 创建一个具名的仓库
  8. 8. 8. 把博客发布托管到 github 上