前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Github开源之旅启程:GitHub 上部署网页

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

作者头像
ITester软件测试小栈
发布2019-10-17 15:52:19
6960
发布2019-10-17 15:52:19
举报
文章被收录于专栏:全栈测试全栈测试

在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)意为切换目录到...:

代码语言:javascript
复制
cd 文件夹地址

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

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

git clone 仓库地址

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

12.上传文件到云端仓库

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

(1)首先切换本地目录到克隆下来的库;

代码语言:javascript
复制
cd 库标题

(2)新建一个index.html文件,并在里面写入Hello World。

echo "Hello World" > index.html

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

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

代码语言:javascript
复制
git add .

(4)commit代码,把代码的一个版本提交到本地;

代码语言:javascript
复制
git commit -m "版本日志"

(5)push代码,把代码推(上传)到云端仓库,稍等一会儿就好了。

代码语言:javascript
复制
git push -u origin master

13.设置GitHub Pages

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

拉到下面的GitHub Pages部分,按下图所示选择master branch(主分支),点击save。

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

14.后续维护

后续的修改就可以了,代码如下:

代码语言:javascript
复制
cd 本地库目录
git add .
git commit -m "版本日志"git push -u origin master

ITester小栈GitHub地址:

https://github.com/ITesters

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

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

以上

ITester小栈

往期内容宠幸

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

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

WEB测试方法总结;

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

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

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

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2019-09-25,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 ITester软件测试小栈 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 8.创建Git仓库(Repository):点击右上角的加号创建仓库
  • 11.克隆云端仓库到本地
  • 12.上传文件到云端仓库
  • 13.设置GitHub Pages
相关产品与服务
腾讯云 BI
腾讯云 BI(Business Intelligence,BI)提供从数据源接入、数据建模到数据可视化分析全流程的BI能力,帮助经营者快速获取决策数据依据。系统采用敏捷自助式设计,使用者仅需通过简单拖拽即可完成原本复杂的报表开发过程,并支持报表的分享、推送等企业协作场景。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档