内容字号:默认大号超大号

段落设置:段首缩进取消段首缩进

字体设置:切换到微软雅黑切换到宋体

通过travis自动部署hexo博客到github pages

2019-03-18 11:31 出处:清屏网 人气: 评论(0

如果你曾了解过Hexo, 相信你已经可以通过 hexo deploy 部署自己的博客到 github pages 了。

但是,这样我们仅仅可以通过当前电脑来发布博客,如果电脑不在身边,或者不小心把文件删除了,就会很麻烦。

本文教你如何实现把自己写的博客和生成的静态文件同时托管在 github

将博客源码托管到github

细心的人可以发现,通过 hexo init 生成的文件中,已经包含了 .gitignore 文件。说明 hexo 开发者也是希望大家把博客源码托管到 git 上的。

我们可以通过分支来实现,将源码放在 master (看个人喜好)分支、将 hexo deploy 的分支指定为 gh-pages 分支。具体实现如下:

  1. 如果没有 github repository 首先需要在 github 新建一个仓库,点击 new repository

  2. hexo init 生成一个新的博客项目

  3. 根据hexo 文档修改配置,使博客可以通过 git server 预览。

  4. git init

  5. git remote add origin git@github.com:account/blog_repo.git 请将 git 地址改为 1 中说到的你自己的仓库地址

  6. git add .

  7. git commit -m "init"

  8. git push origin master -f 将代码推到 github master 分支

这时候,我们就把项目托管到了 github ,当你换了一台电脑,或者不小心把文件删除了的时候,只要重新 git clone 就可以了。

但是这仅仅只是将代码托管到了 github 。当我们新完成一篇博客,并把代码 pushgithub 上的时候,并不会自动 deploy

通过travis自动部署

Travis CI是在软件开发领域中的一个在线的,分布式的持续集成服务,用来构建及测试在GitHub托管的代码。

  1. 使用 github 授权登录Travis CI

  2. Travis CI 中打开博客项目仓库的开关。并在配置中打开 Build only if .travis.yml is present 选项

  3. github 中创建 access token ,详细教程: Creating a personal access token for the command line

  4. travis 博客仓库的配置中将刚刚生成的 token 添加到 Environment Variables 中,name为 REPO_TOKEN

  1. 在项目根目录新增 .travis.yml 文件。配置如下
language: node_js
node_js: stable
branches:
  only:
  - master
cache:
  directories:
  - node_modules
before_install:
- git config --global user.name "sjfkai"
- git config --global user.email "sjfkai@163.com"
- npm install -g hexo-cli
- export HEXO_DEPLOYER_REPO=https://$REPO_TOKEN@github.com/sjfkai/blog.git
install:
- npm i
script:
- hexo clean
- hexo generate
- hexo deploy
复制代码
  1. 修改hexo的配置文件 _config.ymldeploy :
# 注意,这里注释掉了repo, 因为我们需要在ci中通过环境变量 HEXO_DEPLOYER_REPO 配置
deploy:
  type: git
  # repo:
  branch: gh-pages
复制代码
git add .
git commit -m "add travis ci"
git push origin master

这时候你会发现 travis ci 显示该项目处于 running 状态。 等最后变为 passed 状态后。 github pages 就已经自动部署成功了。


分享给小伙伴们:
本文标签: travishexogithub

相关文章

发表评论愿您的每句评论,都能给大家的生活添色彩,带来共鸣,带来思索,带来快乐。

CopyRight © 2015-2016 QingPingShan.com , All Rights Reserved.