博客
关于我
使用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/

你可能感兴趣的文章
Node.js安装和入门 - 2行代码让你能够启动一个Server
查看>>
node.js安装方法
查看>>
Node.js官网无法正常访问时安装NodeJS的方法
查看>>
node.js模块、包
查看>>
node.js模拟qq漂流瓶
查看>>
node.js的express框架用法(一)
查看>>
Node.js的交互式解释器(REPL)
查看>>
Node.js的循环与异步问题
查看>>
Node.js高级编程:用Javascript构建可伸缩应用(1)1.1 介绍和安装-安装Node
查看>>
nodejs + socket.io 同时使用http 和 https
查看>>
NodeJS @kubernetes/client-node连接到kubernetes集群的方法
查看>>
NodeJS API简介
查看>>
Nodejs express 获取url参数,post参数的三种方式
查看>>
nodejs http小爬虫
查看>>
nodejs libararies
查看>>
vue3+element-plus 项目中 el-switch 刷新后自动触发change?坑就藏在这里!
查看>>
nodejs npm常用命令
查看>>
nodejs npm常用命令
查看>>
Nodejs process.nextTick() 使用详解
查看>>
NodeJS yarn 或 npm如何切换淘宝或国外镜像源
查看>>