Hexo在github上构建的博客

参考资料

##Hexo介绍
Hexo 是一个简单地、轻量地、基于Node的一个静态博客框架。通过Hexo我们可以快速创建自己的博客,仅需要几条命令就可以完成。

发布时,Hexo可以部署在自己的Node服务器上面,也可以部署github上面。对于个人用户来说,部署在github上好处颇多,不仅可以省去服务器的成本,还可以减少各种系统运维的麻烦事(系统管理、备份、网络)。所以,基于github的个人站点,正在开始流行起来….

Hexo的官方网站:http://hexo.io/ ,也是基于Github构建的网站。

1.安装brewhome

1
ruby -e "$(curl -fsSL https://raw.github.com/Homebrew/homebrew/go/install)"

2.安装nodejs

1
brew install node

3.修改hexo根目录下_config.yml文件

1
2
3
4
deploy:
type: github
repo: git@github.com:xxxx/xxxx.github.io.git
branch: master

注意 branch 应该不写或者写成page分支,不应该推送到master主分支

4.绑定域名
购买域名,并指向github page的地址

注意:cn域名需要进行审核操作,com域名只需邮箱确认

1
https://bce.baidu.com/product/bcd.html?t=cp:nsem|pf:pc|pp:ge-bcd|pu:bcdcore|kw:1132

5,注意

GitHub Help - Generating SSH Keys

GitHub Help - Error Permission denied (publickey)

曾经遇到过这个错误,注意需要http格式

1
2
3
deploy:
type: git
repository: https://github.com/huanxingxyz/github.io.git

一些还不错的hexo主题模版,下载到themes目录下,deploy时修改发布即可

http://www.zhihu.com/question/24422335


常见问题

cd 进到你使用的theme对应的目录,再进到layout/和layout/_partial/下.
分别执行rm .DS_Store


里面有个非常蛋疼的问题,就是图片,音频,视频的加载。

插入图片

1,放在根目录

早期大部分的方案是把图片放在 source/img 下,然后在 markdown 里写 img 。显然这样在本地的编辑器里完全不能正确识别图片的位置。

2,CodeFalling/hexo-asset-image

首先确认 _config.yml 中有 post_asset_folder:true 。

在 hexo 目录执行

1
npm install https://github.com/CodeFalling/hexo-asset-image --save

这样的目录结构(目录名和文章名一致),只要使用

1
2
3
4
5
 ![logo](MacGesture2-Publish/logo.jpg)
```
就可以插入图片。

生成的结构为

public/2015/10/18/MacGesture2-Publish
├── apppicker.jpg
├── index.html
├── logo.jpg
└── rules.jpg

1
2

生成的是

logo

1
2

### 插入音乐


1
2
3
4
5
6
7
8
9
10
11


<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86
src="http://music.163.com/outchain/player?type=2&id=25706282&auto=0&height=66">
</iframe>


### 插入视频


Idina Menze和Caleb Hyles激情对唱Let It Go:



```