Hexo+Github 博客

走了一些弯路，只记录大体流程

安装Node.js

安装Git

安装Hexo

打开Git Shell

$ cd c:/Hexo
$ npm install hexo-cli -g
$ hexo init  
$ npm install
$ hexo generate 
$ hexo server  #可以在http://localhost:4000 本地预览

现在即可以在http://localhost:4000 中预览生成的博客页面

hexo常用操作

1 2	$ hexo d -g #生成部署 $ hexo s -g #生成预览

安装Hexo主题

此处选取了 Next 主题

1 2	$ hexo clean $ git clone https://github.com/iissnan/hexo-theme-next themes/next

修改Hexo目录下的_config.yml配置文件，设置其中theme属性为 next. 修改next目录下的_config.yml中自己需要设置的内容。

更新主题

$ cd themes/next
$ git pull
$ hexo generate 
$ hexo server

现在即可以在http://localhost:4000中预览生成的博客主题。

创建GitHub Pages

创建一个git 命名为 XXX（username）/ XXX（username）.github.io 的仓库。提交。

部署 Hexo 静态页面到 GitHub Pages

修改 Hexo 目录下的 _config.yml 的部署属性

deploy:
  type: git
  repo: git@github.com:XXX(username)/XXX(username).github.io.git
  branch: master

在 git shell 中执行 $ hexo d 完成部署

或者可以使用git 命令通过clone 刚才建立的库来完成部署。

clone github repo

    $ cd c:/Hexo
    $ git clone https://github.com/witchyang/witchyang.github.io.git ./deploy/witchyang.github.io

此时将发现在Hexo目录下已经新建了一个.deploy目录，里面是克隆的刚建立的github page.

部署hexo到github 原理

在C:\Hexo\source_posts 下编写.md的markdown 格式博客文本。hexo genarate 生成后，将在public文件夹下产生新内容，将其拷贝至 witchyang.github.io 的本地git目录下，然后使用git commit 命令提交至该博客库repo的master 分支下。

为了方便以上思想实施，在 c：/Hexo目录下创建一个deploy.sh脚本, 每次提交部署时执行该脚本，按提示输入github的用户名和密码，即部署新博文成功。
代码如下：

    hexo generate
    cp -R public/* .deploy/witchyang.github.io
    cd ./deploy/witchyang.github.io
    git add .
    git commit - m "update"
    git push origin master

以上。

[1]: 参考 https://linghucong.js.org/2016/04/15/2016-04-15-hexo-github-pages-blog/