maboloshi.github.io 的.travis.yml, gulpfile.js设置存档

.travis.yml

language: node_js
node_js:
 - '6'

# 缓存依赖，节省持续集成时间
cache:
  directories:
  - node_modules
  - themes

before_install:
  ## 解密 RSA 私钥并设置为本机 ssh 私钥
  - echo $DEPLOY_KEY_ENC | base64 --decode | openssl aes-256-cbc -K $encrypted_2b3e21bfee09_key -iv $encrypted_2b3e21bfee09_iv -out ~/.ssh/id_rsa -d
  - chmod 0600 ~/.ssh/id_rsa

install:
  - git clone --branch master https://${REMOTE_REP} .deploy_git
#  - npm install
  # 安装 Hexo 及其依赖
  - npm update #始终获取最新的依赖模块 (文件package.json, "dependencies"节)

before_script:
  # 更改时区
  - export TZ='Asia/Shanghai' 
  - git config --global user.name $NAME
  - git config --global user.email $EMAIL

script:
  # 生成&压缩&部署
  - gulp build

# 只监听 raw 分支的改动
branches:
  only:
  - raw

addons:
  ssh_known_hosts: 
  - github.com

gulpfile.js

var gulp        = require('gulp');
var debug       = require('gulp-debug');
var cleancss    = require('gulp-clean-css'); //css压缩组件
var uglify      = require('gulp-uglify');    //js压缩组件
var htmlmin     = require('gulp-htmlmin');   //html压缩组件
var htmlclean   = require('gulp-htmlclean'); //html清理组件
var imagemin    = require('gulp-imagemin');  //图片压缩组件
var changed     = require('gulp-changed');   //文件更改校验组件
var gulpif      = require('gulp-if')         //任务 帮助调用组件
var plumber     = require('gulp-plumber');   //容错组件（发生错误不跳出任务，并报出错误内容）
var runSequence = require('run-sequence');   //异步执行组件
var isScriptAll = true;  //是否处理所有文件，(true|处理所有文件)(false|只处理有更改的文件)
var isDebug     = true;  //是否调试显示 编译通过的文件
var del         = require('del');
var Hexo        = require('hexo');
var hexo        = new Hexo(process.cwd(), {}); // 初始化一个hexo对象

// 清除public文件夹
gulp.task('clean', function() {
    return del(['public/**/*']);
});

// 下面几个跟hexo有关的操作，主要通过hexo.call()去执行，注意return

// 创建静态页面 （等同 hexo generate）
gulp.task('generate', function() {
    return hexo.init().then(function() {
        return hexo.call('generate', {
            watch: false
        }).then(function() {
            return hexo.exit();
        }).catch(function(err) {
            return hexo.exit(err);
        });
    });
});

// 启动Hexo服务器
gulp.task('server',  function() {
    return hexo.init().then(function() {
        return hexo.call('server', {});
    }).catch(function(err) {
        console.log(err);
    });
});

// 部署到服务器
gulp.task('deploy', function() {
    return hexo.init().then(function() {
        return hexo.call('deploy', {
            watch: false
        }).then(function() {
            return hexo.exit();
        }).catch(function(err) {
            return hexo.exit(err);
        });
    });
});

// 压缩public目录下的js文件
gulp.task('compressJs', function () {
    var option = {
        // preserveComments: 'all',//保留所有注释
        mangle: true,           //类型：Boolean 默认：true 是否修改变量名
        compress: true          //类型：Boolean 默认：true 是否完全压缩
    }
    return gulp.src(['./public/**/*.js','!./public/**/*.min.js'])  //排除的js
        .pipe(gulpif(!isScriptAll, changed('./public')))
        .pipe(gulpif(isDebug,debug({title: 'Compress JS:'})))
        .pipe(plumber())
        .pipe(uglify(option))                //调用压缩组件方法uglify(),对合并的文件进行压缩
        .pipe(gulp.dest('./public'));         //输出到目标目录
});

// 压缩public目录下的css文件
gulp.task('compressCss', function () {
    var option = {
        rebase: false,
        //advanced: true,               //类型：Boolean 默认：true [是否开启高级优化（合并选择器等）]
        compatibility: 'ie7',         //保留ie7及以下兼容写法 类型：String 默认：''or'*' [启用兼容模式； 'ie7'：IE7兼容模式，'ie8'：IE8兼容模式，'*'：IE9+兼容模式]
        //keepBreaks: true,             //类型：Boolean 默认：false [是否保留换行]
        //keepSpecialComments: '*'      //保留所有特殊前缀 当你用autoprefixer生成的浏览器前缀，如果不加这个参数，有可能将会删除你的部分前缀
    }
    return gulp.src(['./public/**/*.css','!./public/**/*.min.css'])  //排除的css
        .pipe(gulpif(!isScriptAll, changed('./public')))
        .pipe(gulpif(isDebug,debug({title: 'Compress CSS:'})))
        .pipe(plumber())
        .pipe(cleancss(option))
        .pipe(gulp.dest('./public'));
});

// 压缩public目录下的html文件
gulp.task('compressHtml', function () {
    var cleanOptions = {
        protect: /<\!--%fooTemplate\b.*?%-->/g,             //忽略处理
        unprotect: /<script [^>]*\btype="text\/x-handlebars-template"[\s\S]+?<\/script>/ig //特殊处理
    }
    var minOption = {
        collapseWhitespace: true,           //压缩HTML
        collapseBooleanAttributes: true,    //省略布尔属性的值  <input checked="true"/> ==> <input />
        removeEmptyAttributes: true,        //删除所有空格作属性值    <input id="" /> ==> <input />
        removeScriptTypeAttributes: true,   //删除<script>的type="text/javascript"
        removeStyleLinkTypeAttributes: true,//删除<style>和<link>的type="text/css"
        removeComments: true,               //清除HTML注释
        minifyJS: true,                     //压缩页面JS
        minifyCSS: true,                    //压缩页面CSS
        minifyURLs: true                    //替换页面URL
    };
    return gulp.src('./public/**/*.html')
        .pipe(gulpif(isDebug,debug({title: 'Compress HTML:'})))
        .pipe(plumber())
        .pipe(htmlclean(cleanOptions))
        .pipe(htmlmin(minOption))
        .pipe(gulp.dest('./public'));
});

// 压缩 public/uploads 目录内图片
gulp.task('compressImage', function() {
    var option = {
        optimizationLevel: 5, //类型：Number  默认：3  取值范围：0-7（优化等级）
        progressive: true,    //类型：Boolean 默认：false 无损压缩jpg图片
        interlaced: false,    //类型：Boolean 默认：false 隔行扫描gif进行渲染
        multipass: false      //类型：Boolean 默认：false 多次优化svg直到完全优化
    }
    return gulp.src('./public/uploads/**/*.*')
        .pipe(gulpif(!isScriptAll, changed('./public/uploads')))
        .pipe(gulpif(isDebug,debug({title: 'Compress Images:'})))
        .pipe(plumber())
        .pipe(imagemin(option))
        .pipe(gulp.dest('./public/uploads'));
});

// 用run-sequence并发执行，同时处理html，css，js，img
gulp.task('compress', function(cb) {
    runSequence.options.ignoreUndefinedTasks = true;
    runSequence(['compressHtml', 'compressCss', 'compressJs'],cb);
});

// 执行顺序： 清除public目录 -> 产生原始博客内容 -> 执行压缩混淆 -> 部署到服务器
gulp.task('build', function(cb) {
    runSequence.options.ignoreUndefinedTasks = true;
    runSequence('clean', 'generate', 'compress', 'deploy', cb);
});

// 默认任务
gulp.task('default', []);

密钥创建.md

设置 Travis 部署

准备

gem install travis
travis login --org --auto

密钥创建

1. 创建密钥对

   ssh-keygen -t rsa -b 4096 -C "[email protected]" -N "" -f github_deploy_key

2. 使用 travis 加密私钥

   travis encrypt-file ./github_deploy_key --add -r <username>/<repository>

   复制返回信息，如encrypted_xxxxxxxxxxxx_key和encrypted_xxxxxxxxxxxx_iv

   请注意： 经实测发现在 Windows 下加密得到的秘钥文件，解密时会报错，请使用Windows Subsystem for Linux、Linux或者OS X。官方文档 Encrypting Files 描述如下：

   There is a report of this function not working on a local Windows machine. Please use the WSL (Windows Subsystem for Linux) or a Linux or OS X machine.

3. 将二进制加密私钥文件（github_deploy_key.enc）转成环境变量型私钥$DEPLOY_KEY_ENC，并存储到对应项目的travis后台设置

   • 删除环境变量

     travis env unset DEPLOY_KEY_ENC -r <username>/<repository>

   • 设置环境变量型私钥，并上传到对应项目的travis后台设置

     travis env set DEPLOY_KEY_ENC `base64 -i ./github_deploy_key.enc | tr -d '\n'` --private -r <username>/<repository>

   • 查看是否生效

     travis env list -r <username>/<repository>

公钥上传

cat github_deploy_key.pub | pbcopy

将公钥设置为github上的部署密钥，例如 https://github.com///settings/keys

加密<your_email>和<your_name>

travis encrypt -r "<username>/<repository>" GH_USER_EMAIL="<your_email>" GH_USER_NAME="<your_name>"

解密

.travis.yml中的解密代码:

after_success:
  # 解密 RSA 私钥并设置为本机 ssh 私钥
  - echo $DEPLOY_KEY_ENC | base64 --decode | openssl aes-256-cbc -K $encrypted_xxxxxxxxxxxx_key -iv $encrypted_xxxxxxxxxxxx_iv -out ~/.ssh/id_rsa -d
  - chmod 0600 ~/.ssh/id_rsa

注意：此处xxxxxxxxxxxx替换为上述加密过程所示

Refrecnes:

• https://zespia.tw/blog/2015/01/21/continuous-deployment-to-github-with-travis/
• https://github.com/changyuheng/changyuheng.github.io/blob/hexo3/source/_posts/when-hexo-static-site-meets-github-pages-and-travis-ci.md

对于私有项目 可以直接使用travis命令创建密钥对，并分别将公钥上传到github项目和私钥上传至Travis.com上。
Generating-a-new-key

gem install travis travis-cli-gh

npm install --save-dev gulp
npm install --save-dev gulp-debug
npm install --save-dev gulp-clean-css
npm install --save-dev gulp-uglify
npm install --save-dev gulp-htmlmin
npm install --save-dev gulp-htmlclean
npm install --save-dev gulp-imagemin
npm install --save-dev gulp-changed
npm install --save-dev gulp-if
npm install --save-dev gulp-plumber
npm install --save-dev run-sequence
npm install --save-dev del

使用Travis CI 预设的 GitHub Page 部署工具

简化部署设置，但仅支持使用github_token，不只是SSH

language: node_js
node_js:
 - '6'

# 缓存依赖，节省持续集成时间
cache:
  directories:
  - node_modules
  - themes

install:
  # 安装/更新 Hexo 及其依赖
  - npm update

before_script:
  # 更改时区
  - export TZ='Asia/Shanghai'

script:
  # 生成静态页面
  - hero generate

# 使用Travis CI 预设的 GitHub Page 部署工具，仅支持使用`github_token`
# Tell Travis CI to copy the documentation to the gh-pages branch of
# your GitHub repository.
deploy:
  provider: pages
  skip_cleanup: true
  github_token: $GITHUB_TOKEN  # Set in travis-ci.org dashboard, marked secure
  keep-history: true
  on:
    branch: raw
  local_dir: public/
  target_branch: master  # 目标分支默认：gh-pages
  committer_from_gh: true # 使用令牌所有者的名称和邮箱

# 只监听 raw 分支的改动
branches:
  only:
  - raw