Github开源之旅启程：GitHub 上部署网页

——————·今天距2020年97天·——————

这是ITester第39次推文

‍

‍‍

大家好，我是coco小锦鲤

今天给大家介绍点儿好玩的

‍‍‍

在GitHub上部署网页

Github是一个面向开源及私有软件项目的托管平台，因为只支持git 作为唯一的版本库格式进行托管，故名gitHub。

GitHub于2008年4月10日正式上线，除了git代码仓库托管及基本的 Web管理界面以外，还提供了订阅、讨论组、文本渲染、在线文件编辑器、协作图谱（报表）、代码片段分享（Gist）等功能。目前，其注册用户已经超过350万，托管版本数量也是非常之多，其中不乏知名开源项目 Ruby on Rails、jQuery、python 等。

（一）Github官网展示如下：

（二）其他常见开源社区：

（二）Github的优势

1、只支持Git格式：最好的版本管理系统

2、完整协议支持：http协议、ssh协议等

3、在线文件编码

4、社交网络元素

5、特色工作模式

6、私有仓库托管

7、Ruby on Rails

（三）Github的使用

1、实名注册Github账号

2、点亮个人头像

3、完善个人资料

4、能够在GitHub上搜索资料

5、创建/删除GitHub远程仓库

6、建立本地仓库

7、将本地仓库和远程仓库建立关联

（四）注册步骤：

注册Github账号

1.注册账号

2.完善个人资料

3.点亮头像

4.邮件地址

（五）注册示范：

1.进入官网(https://github.com)，填写用户名、邮箱、密码

2.选择个人计划：默认设置即可

3.默认设置，点击【Continue】

4.进入个人主页：

5.验证邮箱：登录自己填写的邮箱进行邮箱号验证

6.完善个人资料：填写姓名、邮箱、简介、URL、公司名、更换头像

7.个人主页：左侧显示个人信息

8.创建Git仓库（Repository）：点击右上角的加号创建仓库

填写仓库名称就可以点击下面的绿色按钮创建了。

其中：

Description——仓库描述，选填；
Public，Private——GitHub限制免费用户只能创建公开仓库；
Initialize this repository with a README——初始化仓库时添加README，readme是一个说明文件，用markdown语法编写，打上勾的话就默认添加了这个文件，如果不打勾后期也可以自己添加；

9.本地配置Git

创建好仓库后显示下图页面，点击红框标记按钮复制仓库地址。

这时候需要用到Git命令了，Git是一个分布式版本控制软件，我们就通过Git命令来同步和管理代码。

10.Git的安装：

安装好之后初次运行Git需要做一些配置：

（1）打开系统自带的Terminal；

（2）设置username和email，github每次commit（提交代码）都会记录他们，在Terminal中分别输入以下代码；

git config --global user.name "你的用户名"

git config --global user.email "你的邮箱"

(3)一般来说这样就可以了，如果考虑到传输安全的问题，可以考虑加上SSH协议，具体操作可以搜索“SSH keys Git”关键词。

11.克隆云端仓库到本地

配置完Git之后，选择一个本地文件夹来存放你的云端仓库，之后要把云端的仓库克隆到这里，比如下图选择了Front这个文件夹。

输入以下命令，其中cd（Change directory）意为切换目录到...：

cd 文件夹地址

其中文件夹地址不一定要手输，直接把文件夹拖到Terminal里面也行，按下回车。

再输入以下代码把云端仓库克隆下来，仓库地址为之前复制下来的地址。

git clone 仓库地址

此时你的仓库根目录下应该已经有克隆下来的仓库了，不过仓库里什么也没有。

12.上传文件到云端仓库

到这步，我们需要在本地库中添加些东西，官方文档中是直接用命令把文件写进去：

（1）首先切换本地目录到克隆下来的库；

cd 库标题

（2）新建一个index.html文件，并在里面写入Hello World。

echo "Hello World" > index.html

当然我们也可以直接把文件拷到到本地库文件夹下，或者在里面创建。注意这个文件夹下一定要有一个index.html文件，这里默认读者会点html，不解释。

（3）接下来就可以把文件上传到云端仓库，在Terminal中输入命令，把该文件夹下所有文件纳入版本管理；

git add .

（4）commit代码，把代码的一个版本提交到本地；

git commit -m "版本日志"

（5）push代码，把代码推（上传）到云端仓库，稍等一会儿就好了。

git push -u origin master

13.设置GitHub Pages

这时我们已经成功将index.html文件推到云端仓库了，再一步就能大功告成，点击下图红框标记进入Setting页面：

拉到下面的GitHub Pages部分，按下图所示选择master branch（主分支），点击save。

刷新页面之后再回到GitHub Pages部分，可以看到页面已经发布，点击链接进入就大功告成啦！

14.后续维护

后续的修改就可以了，代码如下：

cd 本地库目录
git add .
git commit -m "版本日志"git push -u origin master

ITester小栈GitHub地址：

https://github.com/ITesters

GitHub还有很多好功能有待开发

希望大家学会善于利用搜索引擎

以上

That's all

have fun~

ITester小栈

往期内容宠幸

叮—这有一打让你666的测试终极资料包，请查收！

APP测试流程及测试点总结；

WEB测试方法总结；

你知道怎么测试搜索框吗？

别找了，最常用的测试用例设计方法都在这！

H5上传文件测试点，整理一波。

快来星标置顶关注我

T ester

想要获取相关资料和软件？

Q群：701841415