继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

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

慕先生7246854
关注TA
已关注
手记 2
粉丝 0
获赞 1

一、配置本地 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

打开App,阅读手记
1人推荐
发表评论
随时随地看视频慕课网APP