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

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

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

1.安装 brewhome

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

2.安装 nodejs

brew install node

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

deploy:  type: github  repo: git@github.com:xxxx/xxxx.github.io.git  branch: master

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

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

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

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 格式

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 里写

。显然这样在本地的编辑器里完全不能正确识别图片的位置。

2,CodeFalling/hexo-asset-image

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

在 hexo 目录执行

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

这样的目录结构（目录名和文章名一致），只要使用

 ![logo](MacGesture2-Publish/logo.jpg)

就可以插入图片。

生成的结构为

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

生成的是

<img src="/2015/10/18/MacGesture2-Publish/logo.jpg" alt="logo">

插入音乐

  <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>

<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：

 <iframe       height=498 width=510       src="http://player.youku.com/embed/XNjcyMDU4Njg0"       frameborder=0 allowfullscreen>   </iframe> 

<iframe

height=498 width=510

src="http://player.youku.com/embed/XNjcyMDU4Njg0"

frameborder=0 allowfullscreen>

</iframe>