博客
关于我
使用Travis+github+hexo持续部署博客项目
阅读量:124 次
发布时间:2019-02-26

本文共 1372 字,大约阅读时间需要 4 分钟。

一、github基本操作

  • 1、创建一个hexo_blog的项目

  • 2、生成一个个人账户的token(注意这个地方生成的token必须立刻复制,刷新页面就看不到了)

    点击右上角的头像settings—>Developer settings —> Personal access tokens—>genderate new token

二、使用hexo建站

  • 1、根据官网的步骤一步一步来
  • 2、生成一个项目提交到刚刚的github仓库中

三、使用travis持续部署项目

  • 1、Travis CI 提供的是持续集成服务(Continuous Integration,简称 CI)。它绑定 Github 上面的项目,只要有新的代码,就会自动抓取。然后,提供一个运行环境,执行测试,完成构建,还能部署到服务器
  • 2、持续集成指的是只要代码有变更,就自动运行构建和测试,反馈运行结果。确保符合预期以后,再将新代码集成到主干
  • 3、持续集成的好处在于,每次代码的小幅变更,就能看到运行结果,从而不断累积小的变更,而不是在开发周期结束时,一下子合并一大块代码
  • 4、Travis CI 只支持 Github,所以你要拥有GitHub帐号
  • 5、点击Sign in with GitHub按钮,使用github账户登录

  • 6、同步github上的项目

  • 7、同步设置刚刚github上生成的tokon

四、.travis.yml文件编写

  • 1、Travis 要求项目的根目录下面,必须有一个.travis.yml文件。这是配置文件,指定了 Travis 的行为

  • 2、该文件必须保存在 Github仓库里面,一旦代码仓库有新的 Commit,Travis就会去找这个文件,执行里面的命令

  • 3、这个文件采用 YAML 格式。下面是一个最简单的 Node 项目的.travis.yml文件

  • 4、language 字段指定了默认运行环境,

  • 5、node_js: “11” 表示不执行任何脚本,状态直接设为成功

  • 6、具体配置()

    language: node_jsnode_js:  - '11'install:  - npm installscript:  - hexo gafter_script:  - cd ./public  - git init  - git config user.name ${     USERNAME}  - git config user.email ${     UESREMAIL}  - git add -A  - git commit -m 'init'  - git push -u -f "https://${TOKEN}@github.com/${USERNAME}/hexo_blog" master:gh-pagesbranches:  only:    - master

五、修改hexo的配置文件

上面直接提交代码虽然可以自动发布,但是样式加载不出来

  • 1、修改_config.yml文件

    url: https://kuangshp.github.io/hexo_blog/root: /hexo_blog/

六、这样每次git提交代码travis就会自动帮你发布项目

七、查看静态站点地址(在github上打开项目的设置,往下翻)

转载地址:http://zevf.baihongyu.com/

你可能感兴趣的文章
Nginx配置——不记录指定文件类型日志
查看>>
nginx配置一、二级域名、多域名对应(api接口、前端网站、后台管理网站)
查看>>
nginx配置中的服务器名称
查看>>
Nginx配置代理解决本地html进行ajax请求接口跨域问题
查看>>
nginx配置全解
查看>>
Nginx配置参数中文说明
查看>>
Nginx配置后台网关映射路径
查看>>
nginx配置域名和ip同时访问、开放多端口
查看>>
Nginx配置多个不同端口服务共用80端口
查看>>
Nginx配置好ssl,但$_SERVER[‘HTTPS‘]取不到值
查看>>
Nginx配置如何一键生成
查看>>
Nginx配置实例-动静分离实例:搭建静态资源服务器
查看>>
Nginx配置实例-反向代理实例:根据访问的路径跳转到不同端口的服务中
查看>>
Nginx配置实例-反向代理实现浏览器请求Nginx跳转到服务器某页面
查看>>
Nginx配置实例-负载均衡实例:平均访问多台服务器
查看>>
Nginx配置文件nginx.conf中文详解(总结)
查看>>
Nginx配置自带的stub状态实现活动监控指标
查看>>
nginx配置详解、端口重定向和504
查看>>
Nginx配置负载均衡到后台网关集群
查看>>
Nginx配置限流,技能拉满!
查看>>