为了账号安全,请及时绑定邮箱和手机立即绑定

半小时搞定 Travis Ci + hexo + GitHub Pages 自动化部署个人博客

一、配置本地 node 环境(多版本 node 可以使用 nvm 管理)

二、安装hexo

$ npm install -g hexo-cli

三、生成 hexo 项目

$ hexo init myblog

四、注册 github 账号

五、创建 username.github.io 空仓库,仓库设置成公共可访问的 (username 就是你的 github 用户名),空仓库创建后什么都不用做

【注意:现在 GitHub Pages 只能用 master 分支,所以网上很多教程中使用 gh-pages 分支已经不适用了】

图片描述

六、创建 myblog 空仓库,这个仓库设置成私人可见(用来存放博客源码),将步骤 3 中生成的 myblog 项目代码推送到这个私有仓库中

当你跟着本文完成前面所有步骤后,现在开始,请跟着红框内的步骤 3 ~ 11 来设置 Travis Ci

图片描述

八、用下面配置,替换你私有仓库中的 .travis.yml 文件内容,然后推送到 远程仓库中
(不要改变配置内容缩进,然后手动替换 your github username/your email)

sudo: false
language: node_js
node_js:
  - 10 # use nodejs v10 LTS
cache: npm
before_install:
  - git config --global user.name "<your github username>"
  - git config --global user.email "<your email>"
  - npm install -g hexo-cli
install:
  - npm i
branches:
  only:
    - master # build master branch only
script:
  - hexo clean
  - hexo generate # generate static files
after_success:
  - cd ./public
  - git init
  - git add --all .
  - git commit -m "Travis CI Auto Builder"
  - git push --quiet --force https://$GH_TOKEN@github.com/<your github username>/<your github username>.github.io.git master

九、在浏览器中打开你的 Github Pages

https://<your github username>.github.io

点击查看更多内容
1人点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消