手动部署主题

1. Gulp打包构建，压缩优化部署前的代码。 Gulp入门指南

    npm install   //安装项目依赖
   

2. 拷贝gulpfile.js文件到项目根目录下(非主题目录)

    gulp 或者 gulp default   //执行打包任务
   

3. 清空hexo静态文件和缓存，并重新生成

    hexo clean && hexo g  //清空缓存并生成静态文件
   

4. 当gulp执行完成，并提示 please execute： hexo d 时，可以进行发布

    hexo d 或者 gulp deploy  //部署发布
   

持续集成自动部署

CI即持续集成系统。对个人而言，就是让你的代码在提交到远程(这里是GitHub)，立即自动编译，并且在失败后可以自动给你发邮件的东西。当然，除了编译，还能做自动化测试、自动部署等。 默认前提是已经通过Github进行授权登录Travis网站，并关联了GitHub上的仓库和相关配置。

1. 拷贝主题下的gulpfile.js travis.yml travis.sh 到项目根目录

2. 配置travis.yml 文件

language: node_js #使用Node语言环境
node_js: stable #安装稳定版Node

sudo: false  

#cache 启用缓存，加快构建速度
cache: 
  directories:
    - "node_modules"

notifications: #启用通知
  email:
    recipients:
      - snippet@91h5.cc #接收构建消息的邮件 不需要可设置为false
    on_success: never #部署成功时，可设置alway never change
    on_failure: always #部署失败时，同上

# S: Build Lifecycle
install:
  - npm install  #安装依赖

before_script:
  - export TZ='Asia/Shanghai' #设置时区
  - npm install -g gulp  #安装Gulp
  - chmod +x _travis.sh  #授权脚本执行权限

script:
  - hexo clean && hexo g #清除缓存并生成静态文件
  - gulp #执行gulp任务

after_success: #实行成功时(以后扩展功能使用)

after_script:
  - ./_travis.sh #执行部署脚本
# E: Build LifeCycle

branches:
  only:
    - dev #需要监听部署的分支
env:
 global:
   - GH_REF: github.com/shenliyang/shenliyang.github.io.git #更改为自己git地址

1. 提交代码到Github，实现自动部署
2. 当 .travis.yml 配置文件修改完成后，将其提交到远程仓库的 hexo 分支下，此时如果之前的配置一切ok，我们应该能在 Travis CI 的博客项目主页页面中看到自动构建已经在开始执行了。上面会显示出构建过程中的日志信息及状态等。

主题开发

Gulp 执行启用主题二次开发模式

    gulp dev

会监听样式less或者JS文件的变动。然后执行上面的【主题发布】即可。

运行预览

    hexo clean && hexo g && hexo s -p 4000

监听4000端口，使用浏览器打开地址http://localhost:4000进行预览。