Hexo mixture

搭建流程

需要两个分支或者仓库，分别用来保存生成结果和源文件

• 创建仓库，xx.github.io
• 创建两个分支：master 与 dev 或者两个仓库
• git clone
• 通过Git bash依次执行

npm install -g hexo-cli
hexo init
$ cd <folder>
$ npm install

• 修改_config.yml中的deploy参数，分支应为master
• 执行hexo generate -d生成网站并部署到GitHub上
• 执行git add .、git commit -m “…”、git push 提交源文件到dev分之或者源码仓库

日常修改

• 在本地对博客进行修改
• 分别发布到两个仓库（用脚本自动化）

恢复环境

• 当重装电脑之后，或者想在其他电脑上修改博客，可以使用下列步骤：
• 使用git clone git@github.com:CrazyMilk/CrazyMilk.github.io.git拷贝仓库（默认分支为hexo）；
• 在本地新拷贝的xx.github.io文件夹下通过Git bash依次执行下列指令（记得，不需要hexo init这条指令）。

  npm install -g hexo-cli
  $ cd <folder>
  $ npm install

Hexo!
documentation for more info.
find the answer in troubleshooting
ask on GitHub.

常见问题

发布后没有更新

• 使用 hexo clean 命令, 然后重新生成
• 删除 .deploy 目录, 然后重新发布

目录结构

hexo/
  |- node_modules/  # hexo需要的模块，不需要上传GitHub
  |- themes/        # 主题文件，需要上传GitHub的dev分支
  |- sources/       # 博文md文件，需要上传GitHub的dev分支
  |- public/        # 生成的静态页面，由hexo deploy自动上传到gh-page分支
  |- package.json   # 记录hexo需要的包信息，不需要上传GitHub
  |- _config.yml    # 全局配置文件，需要上传GitHub的dev分支
  |- .gitignore     # hexo生成默认的.gitignore，它已经配置好了不需要上传的hexo文件

Quick Start

Create a new post

$ hexo new "My New Post"

More info: Writing

Run server

$ hexo server

More info: Server

Generate static files

$ hexo generate

More info: Generating

Deploy to remote sites

$ hexo deploy

More info: Deployment

功能扩展

支持Flowchart

安装 hexo-filter-flowchart

npm install --save hexo-filter-flowchart

Usage

This plugin is based on flowchart.js, so you can defined the chart as follow:

Config

_config.yml:

flowchart:
  # raphael:   # optional, the source url of raphael.js
  # flowchart: # optional, the source url of flowchart.js

支持Flowchart

hexo-filter-sequence
https://github.com/bubkoo/hexo-filter-sequence

npm: Package Quality

Generate UML sequence diagrams for Hexo.
Install

npm install --save hexo-filter-sequence

Usage

This plugin is based on js-sequence-diagrams, so you can defined the chart as follow:

Config

In your site’s _config.yml:

sequence:
  # webfont:     # optional, the source url of webfontloader.js
  # snap:        # optional, the source url of snap.svg.js
  # underscore:  # optional, the source url of underscore.js
  # sequence:    # optional, the source url of sequence-diagram.js
  # css: # optional, the url for css, such as hand drawn theme 
  options: 
    theme: 
    css_class:

st=>start: Start|past:>http://www.google.com[blank] e=>end: End:>http://www.google.com op1=>operation: My Operation|past op2=>operation: Stuff|current sub1=>subroutine: My Subroutine|invalid cond=>condition: Yes or No?|approved:>http://www.google.com c2=>condition: Good idea|rejected io=>inputoutput: catch something...|request st->op1(right)->cond cond(yes, right)->c2 cond(no)->sub1(left)->op1 c2(yes)->io->e c2(no)->op2->e{"theme":"simple","scale":1,"line-width":2,"line-length":50,"text-margin":10,"font-size":12}Alice->Bob: Hello Bob, how are you? Note right of Bob: Bob thinks Bob-->Alice: I am good thanks!{"theme":"simple","scale":1,"line-width":2,"line-length":50,"text-margin":10,"font-size":12}