hexo+gitPage简单的搭建实战

###一,Hexo安装:

1.1,在命令行中通过 npm 来安装 Hexo:

npm install -g hexo-cli
-g 表示全局安装,会将 Hexo 命令加入环境变量中,以使其在 cmd 下有效。
Hexo 依赖于 [Node.js](https://nodejs.org/zh-cn/) 和 [git](https://git-scm.com/download/),所以在安装 Hexo 之前先确保已安装了这两项应用。

1.2,根目录下执行初始化命令:

hexo init

1.3,执行完毕:

  .
├── node_modules       //依赖安装目录
├── scaffolds          //模板文件夹,新建的文章将会从此目录下的文件中继承格式
|   ├── draft.md         //草稿模板
|   ├── page.md          //页面模板
|   └── post.md          //文章模板
├── source             //资源文件夹,用于放置图片、数据、文章等资源
|   └── _posts           //文章目录
├── themes             //主题文件夹
|   └── landscape        //默认主题
├── .gitignore         //指定不纳入git版本控制的文件
├── _config.yml        //站点配置文件
├── db.json            
├── package.json
└── package-lock.json

1.4,开启服务:

hexo server
hexo 服务器默认监听 4000 端口,用户可在浏览器中通过地址 localhost:4000 访问博客。

1.5,浏览器访问

localhost:4000
会将网站正常加载出来

###二,gitpage页面搭建

2.1,创建一个项目例如

leiyuanpu.github.io  //库名为自己的账号,等会这个就是我们访问的连接

2.2,点击项目的setting->设置GitHub Pages

选项1:Source  //将master设置为站点的分支
选项2:Theme Chooser  //选择主题 

2.3,浏览器访问

如以上没有报错直接访问:leiyuanpu.github.io将会显示出一个完整的页面出来。

###三,建hexo部署到git
3.1 将hexo部署到git,并通过gitpage页面展示出来

在hexo项目里安装
npm install hexo-deployer-git --save

3.2 在根目录的_config.yml中设置:

deploy:
    type: git
    repo: git@github.com:leiyuanpu/leiyuanpu.github.io.git  //ssh模式
    branch : master //master分支

3.3 设置免密码推送参考
https://www.jianshu.com/writer#/notebooks/21583544/notes/43946245/preview

3.4 基础命令

hexo  clean  清除快取档案( db.json)和已产生的静态档案( public)。
hexo  generate 产生静态档案。
hexo  deploy  部署网站。
hexo help 会列出所有的命令

自己搭的效果示例:https://leiyuanpu.github.io/

参考博客:
http://yearito.cn
https://linlif.github.io/