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

原文地址:https://www.cnblogs.com/ITester520/p/13203400.html