——————·今天距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的测试终极资料包,请查收!快来星标 置顶 关注我
T ester
想要获取相关资料和软件 ?
Q群:701841415