zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    压缩与解压缩
    权限和特殊权限
    用户和组
    bash基础特性
    vim编辑器
    目录及文件操作命令
    ye
    软件包的安装与管理
    磁盘管理
    归档与展开归档
  • 原文地址:https://www.cnblogs.com/ITester520/p/13203400.html
Copyright © 2011-2022 走看看