Hexo + Github Pages 搭建个人博客(一)

这是一篇有关如何使用HexoGithub Pages上搭建个人博客的介绍。

最近待业在家,闲来无事的时候突发奇想,想给自己弄一个网站。和老婆大人商议后决定自己动手搭建一个属于咱俩的博客,一方面可以记录一起的生活点滴,同时也可以写一些自己研究的东西。本来想自己闭门造车从后台到前端完完整整的把这一整套都弄出来的,但实在是精力有限,况且博客这个东西还是更应该将注意力放在内容上。最后,我还是决定用HexoGithub Pages上搭建个人博客。闲话不多说,进入正题:

Hexo的安装

Hexo介绍:Hexo is a fast, simple and powerful blog framework. You write posts in Markdown (or other languages) and Hexo generates static files with a beautiful theme in seconds.

在安装Hexo之前,首先得安装Node.jsGit

Git的安装

OS 方法
Windows Git下载
Mac $ /usr/bin/ruby -e “$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)”
then
$ brew install git
Linux $ sudo yum install git-core
or
$ sudo apt-get install git-core

Node.js的安装

除了在Node.js官网下载外,还可以通过nvm来安装。

cURL:

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

Wget:

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

安装完nvm后,重启Terminal运行下面的代码来安装Node.js:

1
$ nvm install stable

npm安装Hexo

1
$ npm install -g hexo-cli

稍等片刻后,检查下Hexo有没有安装完毕:

1
$ hexo -v

结果:

当看到上面的内容,Hexo就安装成功了。

Hexo的配置及常用指令

在Terminal中执行下面的代码:

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

项目结构如下:

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

配置

_config.yml中可以修改Hexo的大部分配置,详情见Hexo配置

常用指令

$ hexo init [folder] 新建网站
$ hexo new [layout] < title > 新建文章
$ hexo generate
$ hexo g
生成静态网页
$ hexo publish [layout] < filename > 发布草稿
$ hexo server
$ hexo s
启动本地服务器
$ hexo deploy
$ hexo d
部署网站
$ hexo migrate < type > 迁移网站
$ hexo clean 清除数据及静态网页
$ hexo render 渲染网站
$ hexo list 资料列表
$ hexo version 版本信息

至此,有关Hexo大致的介绍就差不多了,更多有关Hexo的信息可以参见Hexo文档

下一篇将介绍如何将网站部署到Github Pages。