Hexo 构建

发表于 | 分类于 |

首先静态博客, Hexo是基于Node.js的静态Blog搭建工具像jelly（ruby），octopress等一系列好用的静态博客生成程序。而且现在dropbox也支持放置静态页面，也有了像farbox等一类好用的工具。之前搭建配置部署环节的问题，于是写在简书，今天来填坑。

配置环境

首先，必须要有 github 和 node 的环境基础：

Node

到Node.js官网下载相应平台的最新版本，一路安装即可。
Mac 下面命令即可搞定(可以 node -v 查看本地，有的系统版本默认已经安装
)：

1
$ brew install node

Github

  • 可以进行命令行安装(麻烦)，已经安装的可以查看本地配置信息
  • 最好可以注册一个GitHub账号，已有的请忽略
  • 然后建立与你用户名对应的仓库，名称必须为[user_name.github.io]
  • 添加SSH公钥到[Account settings->SSH Keys->Add SSH Key]

然后在本地查看你的用户名和邮箱，对于在个人和公司账号之间切换的需要特别注意。git 配置信息关系到后面部署成功与否。
常见问题参考：
GitHub Help

Install

Node 和 Git 都配置好的，可以进行命令安装Hexo:

1
2
3
npm install -g hexo
hexo init <your_folder>
cd your_folder

至此已经在your_folder下面生成了本地静态页面文件,然后进行本地启动在浏览器输入http://localhost:4000就可以看到效果：

1
2
hexo generate
hexo server

主要来说下这期间出现的问题:

  1. hexo server 以后，“ Usage: hexo …”没有生成本地服务：
1
npm install hexo-server --save
  1. 出现白板和Cannot GET / 几个字:
1
2
3
4
5
npm install hexo-renderer-ejs --save
npm install hexo-renderer-stylus --save
npm install hexo-renderer-marked --save
hexo generate （或hexo g）
hexo server （或hexo s）

配置部署

Hexo 根目录下的 _config.yml是主配置文件，后面在你的themes下面也会有一个_config.yml文件主要来配置主题的一些东西.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
title: #主题名称
subtitle: #副标题 
description: #描述
author: #博主
language: #英语 en  #汉语 zh-Hans
 .
 .
 .
# Deployment
## Docs: http://hexo.io/docs/deployment.html
deploy:
  type: git
  repo: #你的GitHub新建的那个仓库链接
  branch: master

最后部署到Git：

1
2
hexo generate   #hexo g 简写
hexo deployer   #hexo d 简写

存在的问题：

  1. 书写问题，在每个字段后面需要进行空格的预留，不然会有”can not read a block mapping entry”
  2. hexo d 之后，ERROR Deployer not found: git npm install hexo-deployer-git --save

最后便能够在浏览器中输入your_name.github.io查看自己的Hexo博客.

自由发挥

自定义的东西更加酷炫和好玩，可以自定义自己喜欢的主题WiKi 主题大全，配置一些显示信息，简单熟悉MarkDown 语法就可以了，还有很多玩法等待大家去发掘。最后贴上Hexo官网。