hexo 结合 travis 实现静态页面的自动部署

1. 部署hexo

参见官方教程 hexo

2. 提交git

分别将生成的静态页面和项目本体提交到不同的分支

例如: 静态页面 项目分支

3. 自动发布静态文件

Travis CI官网利用github账号登录

将当前的项目添加为自动构建的仓库

打开 Build only if .travis.yml is presentBuild pushes 选项

利用 ssh-keygen -t rsa -C “例子@gmail.com” 生成id_rsa和id_rsa.pub

将.pub文件内容添加到 github 项目 settings > Deploy keys 处,记得勾选 Allow write access

安装travis命令行

gem install travis
travis login --auto
travis encrypt-file id_rsa --add
# 将id_rsa加密
# 产生.enc文件

在项目文件夹建立.travis文件夹,将生成的.enc文件放入其中,同时添加ssh_config文件,填写一下内容

Host github.com
    User git
    StrictHostKeyChecking no
    IdentityFile ~/.ssh/id_rsa
    IdentitiesOnly yes

添加部署文件 .travis.yml

language: node_js
sudo: false
branches:
  only:
  - dev
before_install:
- openssl aes-256-cbc -K $encrypted_24f627a79d15_key -iv $encrypted_24f627a79d15_iv -in ./.travis/id_rsa.enc -out ~/.ssh/id_rsa -d
- chmod 600 ~/.ssh/id_rsa
- eval $(ssh-agent)
- ssh-add ~/.ssh/id_rsa
- cp .travis/ssh_config ~/.ssh/config
- git config --global user.name 'hiramgao'
- git config --global user.email hiramgao@163.com
install:
- npm install hexo-cli -g
- npm install
script:
- npm run deploy
cache:
  directories:
  - node_modules

最后 提交到github 会自动构建并发布页面

对了,Windows 有坑

参考 我的博客

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第一章 安装Git工具 下载GitHub for Windows,直接点击安装,安装完成后,可以看到“Git Sh...
    不圆的石头阅读 11,972评论 5 63
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,155评论 19 139
  • 转载http://www.cnblogs.com/bxm0927/p/6927340.html 大概流程: 1. ...
    阿de牧阅读 6,852评论 3 32
  • 闺蜜达达又一次给我打电话,哭诉她那凄凄惨惨凄凄的命运了,再一次从失恋,毕业,说到求职,失业,求职又失业的故事。电话...
    丫丫与北京城阅读 551评论 2 6
  • 你和我谁头上涂满金色,谁又一尾红色我没能分清 长大后我们追求不谓的精致,因为想要驯服无处安放的精力,挫败后我们追求...
    快慢书阅读 148评论 1 0