GitHub仓库实现CICD快乐的总结嘤嘤嘤
引言
今天超级开心,和肥宅学长一起约了一波学习,教了我很多东西啦,由于高年级研讨需要演示一下五子棋的项目,所以我需要找个可以在线演示的地方,于是我放到了github.io上面,但是由于某路径问题,实在是很难受决定将打包好的东西放好另外一个仓库中单独演示,这时候就会发现一个很严重的问题,我每次更新都需要再同步更新一下另一个仓库中只放打包好的代码,嘤嘤嘤太难受了吧,于是我准备开始使用CICD
首先我们需要准备
这是我们需要部署的网站,传送门,这个对于GitHub上面的项目十分友好,我们可以直接使用GitHub账号登陆,然后同步更新你GitHub上面的仓库,方便后面进行部署。
继续部署啦
- 我们需要在刚刚的传送门上面登录我们自己的GitHub账号,此时我们可以发现,他帮我们同步更新了我们的GitHub仓库(很是开心)
- 我们需要在我们的项目里面创建我们的
.travis.yml
文件,在里面写上我们的配置,(每个项目的都不一样,具体写法可以参考一下阮一峰的文章,创建并且书写完之后便可以push到GitHub仓库里面去了。
注意:如果我们的.travis.yml
文件里面有需要token的地方,我们需要在GitHub上面生成一个,具体是Settings → Developer settings → Personal access tokens → Generate new token 即可~~
- 在我们传送门的
Repositories
下面将我们需要使用CICD
的开关打开。
- 这个时候我们再有所改动并且push上了GitHub仓库的话,就可以自动帮我们修改另一个仓库打包好的文件,也就实现了我们的自动部署了。
最后说说
最后说一下,因为自己也是一只小菜鸡,而且整个配置流程都是根据自己的需求,通过学长的指导一路有点磕磕碰碰来的,所以可能写的不是很详细,有什么问题大家可以评论指出,我一定会竭尽所能给大家回答,爱你萌~~~
补充
补充一下怎么将仓库代码弄到线上去,其实GitHub真的是个好东西,它的每个仓库都有设置,也就是Settings → GitHub Pages 我们选择一个分支,然后打开他的开关就好了,然后我们打开他给出的url就可以线上访问我们的仓库了,我们一般需要访问的都是打包过后的文件,所以一般都会在后面加一个/dist
(每个人打包出来文件名可能有所不同),然后就可以线上访问运行的项目啦(★,°:.☆( ̄▽ ̄)/$:.°★ 。)
有个问题:其实现在大家的前端都已经工程化了,所以都是各种各样的框架打包出来的代码,有时候打包出来的代码可能在线上会因为各种各样的路径问题而无法正常访问我们的项目(比如我的很多文件就是/a.js
,这样就直接从项目根目录找了,然后就导致找不到我的资源,小声BB因为也不知道对不对,到时候得空再去好好研究研究),这也就是我把打包好的目录放到一个单独的仓库的原因,嘤嘤嘤,这时候CICD就显得尤为重要了,不然整个人在开发过程中都感觉切换来切换去十分地愚笨。
总之CICD很不错啦,值得大家去学习学习,今天就到这里了,该睡觉了,嘤嘤嘤,大家晚安,注意休息~~
GitHub仓库实现CICD快乐的总结嘤嘤嘤相关推荐
- c++ssh连接_一步步使SSH连接您的github仓库
我之前都是用HTTPS的方式从我的本地git客户端连接github仓库的,每次都要输入用户名和密码,觉得很麻烦. 于是想到尝试SSH的方法连接,省去每次输入用户名和密码的麻烦. 首先查看自己用户目录下 ...
- 使用代码将github仓库里某个issue同步到CSDN博客上
2019独角兽企业重金招聘Python工程师标准>>> 我是一个懒惰的程序员.我在github仓库里用issue的方式写了很多分享文章,想同步到CSDN上.但是我又不想一篇篇手动复制 ...
- Github 入门1 (下载git , 连接本地库与github仓库)
/* 本篇建立在以注册GitHub账号的前提下*/ (1) 下载 git https://www.git-scm.com // win10 可以直接红色箭头标识的 Download 2.22.0 ...
- 【转】PhpStorm 提交代码到远程GitHub仓库
转载地址:http://my.oschina.net/lujianing/blog/180728 1.下载github for window http://windows.github.com/ 2. ...
- GitHub 仓库按大小排序
起因 对于代码初学者来说,GitHub 是一个很好的网站.在这里,他们可以学习如何更好地写代码并提高代码能力,学习编码规范,各种框架...... 然而对于像我一下的初学者来讲,有时候不知道要如 ...
- Intellij IDEA 提交代码到远程GitHub仓库
2019独角兽企业重金招聘Python工程师标准>>> 1.下载github for window http://windows.github.com/ 2.设置相关绑定 Setti ...
- Git-将已有的项目转换为GIT项目托管到 GITHUB 仓库
文章目录 概述 步骤 1.GIT软件安装 2.初始化本地maven项目为 Git 项目 3.将所有文件放进新的本地 git 仓库 4. 将添加的文件提交到仓库 5. GitHub上创建项目 ,copy ...
- 实用的 GitHub 仓库搜索技巧
前言 我们经常在 GitHub 上学习开源项目,但是 GitHub 众多的仓库总是会让我们眼花缭乱,不能在较短的时间里找到自己想要的项目. 这里分享一下我刚学到的 GitHub 仓库搜索技巧,在记录所 ...
- 本地代码推送到github仓库
本地代码推送到github仓库步骤: 1.git 初始化 cd 到需要提交的项目目录下,执行git init 2.添加文件到缓存区 git add filename // 添加文件到缓存区,可单一文件 ...
- 程序员必备的 10 大 GitHub 仓库
GitHub 不仅是维护代码的好工具,而且也是学习和成长的好去处.身为一个软件开发者,我一直在寻找有用的 GitHub 仓库,从中学习,以及找到灵感.以下是我最喜欢的 10 个仓库. 构建你自己的 X ...
最新文章
- c语言怎么倒计时,如何在c语言程序中插入一个倒计时命令?
- 行业观察(一)| 从渠道为王到数据为王——浅谈服装零售企业的数字化转型...
- javascript中构造函数的返回值问题和new对象的过程
- 解决-Dmaven.multiModuleProjectDirectory system property is not set. Check $M2_HOME environment variabl
- python urllib.request 爬虫 数据处理-使用Python3.5写简单网络爬虫
- ZOJ 1610 Count the Colors 【线段树】
- 【自动驾驶】29.坐标变换与坐标轴旋转
- Docker笔记一:基于Docker容器构建并运行 nginx + php + mysql ( mariadb ) 服务环境
- vs2010项目属性配置
- JMX:一些入门说明
- 飞桨模型保存_史上最全解读 | 飞桨模型库重大升级 主流算法模型全覆盖
- Java面向对象--instanceof关键字
- 利用composer搭建PHP框架(二.控制器)
- SylixOS PCI 驱动 分析--设备枚举
- java screenframe_一个关于JFrame的问题
- Silverlight 简介 Part.1(理解 Siverlight)
- SPR传感原理(附Matlab源码)
- 屏蔽群晖系统升级并去除群晖桌面小红点
- 信息检索与利用(第三版)第五章 信息法与综合性信息检索
- 微信公众号开发(一)