git实战--将多分支的代码合并并在线展示

在github网站上新建一个仓库(首先在github上注册、登陆)
在这里插入图片描述
git实战--将多分支的代码合并并在线展示_第1张图片
注意勾选上readme,给仓库配一个说明文件
git实战--将多分支的代码合并并在线展示_第2张图片
复制该仓库的SSH地址
git实战--将多分支的代码合并并在线展示_第3张图片
右键,点击git bash here,将库克隆到桌面(电脑任何一个目录都行)
git实战--将多分支的代码合并并在线展示_第4张图片
git实战--将多分支的代码合并并在线展示_第5张图片
克隆完成后,打开,如下图所示
git实战--将多分支的代码合并并在线展示_第6张图片
在克隆的文件夹下打开git命令窗口,创建分支first
在这里插入图片描述

将要修改的文件放进disc-clock目录下(该修改过程主要是通过编辑软件如vscode进行文件的编辑)
git实战--将多分支的代码合并并在线展示_第7张图片
可查看当前分支,有主分支master、first
在这里插入图片描述
将修改的文件添加进本地仓库
在这里插入图片描述
将文件提交到本地仓库,-m参数是说明对本次提交的说明信息。
git实战--将多分支的代码合并并在线展示_第8张图片
提交到github远程仓库( 前提配置SSH,)
git实战--将多分支的代码合并并在线展示_第9张图片
github上的结果如图所示
git实战--将多分支的代码合并并在线展示_第10张图片
创建第二个分支
在这里插入图片描述
编辑文件
git实战--将多分支的代码合并并在线展示_第11张图片

git实战--将多分支的代码合并并在线展示_第12张图片
同样的操作,github上显示的second的效果如下图所示
git实战--将多分支的代码合并并在线展示_第13张图片
因为在线展示效果只能对主分支进行操作,所以接下来要对分支进行合并
git实战--将多分支的代码合并并在线展示_第14张图片
切换到主分支
在这里插入图片描述
合并first、second分支,git merge second就是合并second以上分支的意思。
git实战--将多分支的代码合并并在线展示_第15张图片
将文件添加到主分支,提交到本地,提交到远程
git实战--将多分支的代码合并并在线展示_第16张图片
在github主分支页面打开settings设置选项
git实战--将多分支的代码合并并在线展示_第17张图片
在Github Pages 选项选择master branch,稍后会生成如下图所示的链接,点击链接即可看到网页效果。
git实战--将多分支的代码合并并在线展示_第18张图片
git实战--将多分支的代码合并并在线展示_第19张图片

你可能感兴趣的:(Git)