关于Git和Github的简单使用

小灰灰 2023-10-03 15:04 32阅读 0赞

### **Git部分** ###

#### 下载 ####

[点击进入官网][Link 1]，选择对应操作系统的Git下载即可。

安装过程全程无脑 next。

#### 设置Git ####

设置Git的目的是设置自己的身份，提交代码的时候要让别人知道是什么人提交了代码，

windows系统打开Git Bash。

设置身份内容有两条，一个是你的邮箱，另一个是你的称呼 。如下，Your Name填你想让别人知道的名字，[email@example.com][email_example.com]换成自己的邮箱。

输入：

$ git config --global user.name "Your Name"
    $ git config --global user.email "email@example.com"

设置完后使用指令

$ git config --global --list

#### ![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAd2VpeGluXzU1MDIwMTM4_size_6_color_FFFFFF_t_70_g_se_x_16][] ####

若显示如上格式的信息则表示设置成功。

#### Git的一些基本操作 ####

**创建一个仓库**

输入：

$ git init

（如果是空文件夹会提示`Initialized empty Git repository in /home/yep/code/gittest/.git/`，告诉你文件夹为空）

**把文件放入git仓库**

第一步：我们使用`git add`命令，告诉git我们把文件添加到仓库缓存区了，在Git Bash输入

$ git add .
    
    $ git add filename  //(需要带上文件格式)

filename为你的文件名，需要带上文件格式

没有提示说明操作成功。

第二步：使用`git commit`命令，告诉git我们要把缓存区的所有文件正式提交到仓库：

$ git commit -m "添加了hello.txt"

其中 -m 和后面引号内容是本次提交的说明，也就是描述你每次改了什么。

**上传文件到云端仓库（远程仓库）**

git remote add origin git@github.com:xxx/xxx.git
    注意这两个xxx，第一个写入你的github账号名，第二个为远程仓库的名字
    git push -u origin master

创建的时候没有写分支的话记得加上-u

上传成功后如下图所示：

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAd2VpeGluXzU1MDIwMTM4_size_20_color_FFFFFF_t_70_g_se_x_16][]

**git clone**

$ git clonegit@github.com:MachinePlay/Gittest.git

**git for**

$ git clone [yourForkUrl]

git fork和clone的区别 :

fork:将开源项目存储到我们自己的云端作为一个分支，我们可以进行一些bug修复或功能修改然后git pull 到开源项目，如果开源项目认可，可以将你的修改合并到他们的分支。

fork后的代码会存储到云端而并没有下载到本地，可以通过github账号的repositories 里找到

两者适用场景：  
当写完一个项目开源到GitHub上时，其他人fork我的代码之后发现有BUG或者某处有更好的算法可以解决，他可以在他自己的仓库里面修改源码，修改好之后他可以pull request，这样就可以看到什么地方修改了，如果觉得他的算法可行就可以把他的代码Merge到项目里面。

git clone 就是clone到本地进行修改，然后可以提交到clone的源码中。

### Github部分 ###

*  **首先你得到Github官网注册一个账号**
 *  **创建SSH Key：**

打开Git Bash，输入：

$ ssh-keygen -t rsa -C "youremail@example.com"

双引号内需替换成自己的邮箱，然后一路回车，使用默认值即可。若创建成功，你可以在

用户主目录里找到.ssh目录，里面有`id_rsa`和`id_rsa.pub`两个文件，这两个就是SSH Key的秘钥对，`id_rsa`是私钥，`id_rsa.pub`是公钥。

*  **设置SSH**

登陆GitHub，打开“Account settings”，“SSH Keys and GPG keys”页面：

然后，点“New SSH Key”，填上任意Title，在Key文本框里输入id\_rsa.pub(公钥)文件的内容即可。

设置成功之后，会如下图所示：

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAd2VpeGluXzU1MDIwMTM4_size_18_color_FFFFFF_t_70_g_se_x_16][]

*  **创建仓库**

登陆GitHub，然后，在右上角点击“+”找到“New repository”按钮，创建一个新的仓库。

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAd2VpeGluXzU1MDIwMTM4_size_20_color_FFFFFF_t_70_g_se_x_16 1][]

#### 下面简单地示范一下如何将一个React项目上推到github上 ####

*  第一步

打开react官网下载react

*  第二步

1.  安装create-react-app
    
        $ npm install -g create-react-app
    
    快速构建 React 开发环境
2.  用create-react-app创建react项目
    
        $ create-react-app my-app
    
    my-app是你要创建的项目的名称
3.  进入你创建的目录:
    
        $ cd my-app
4.  启动项目（一定要进入你创建的项目my-app才能启动项目）
    
        $ npm start
    
    ![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAd2VpeGluXzU1MDIwMTM4_size_17_color_FFFFFF_t_70_g_se_x_16][]
    
    在浏览器出现该图即创建成完成。
5.  打包
    
        $ npm run build
    
    只有打包后才能push到云端
6.  进行Git部分**上传文件到云端仓库（远程仓库）**此模块的操作，完成后如下图所示：

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAd2VpeGluXzU1MDIwMTM4_size_20_color_FFFFFF_t_70_g_se_x_16 2][]

Tip:(hello.txt)是我后面才push到云端的文件

That's all.

[Link 1]: https://git-scm.com/
[email_example.com]: mailto:email@example.com
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAd2VpeGluXzU1MDIwMTM4_size_6_color_FFFFFF_t_70_g_se_x_16]: https://img-blog.csdnimg.cn/20210826221040777.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAd2VpeGluXzU1MDIwMTM4,size_6,color_FFFFFF,t_70,g_se,x_16
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAd2VpeGluXzU1MDIwMTM4_size_20_color_FFFFFF_t_70_g_se_x_16]: https://img-blog.csdnimg.cn/20210826235835820.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAd2VpeGluXzU1MDIwMTM4,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAd2VpeGluXzU1MDIwMTM4_size_18_color_FFFFFF_t_70_g_se_x_16]: https://img-blog.csdnimg.cn/20210827002648595.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAd2VpeGluXzU1MDIwMTM4,size_18,color_FFFFFF,t_70,g_se,x_16
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAd2VpeGluXzU1MDIwMTM4_size_20_color_FFFFFF_t_70_g_se_x_16 1]: https://img-blog.csdnimg.cn/20210827003630981.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAd2VpeGluXzU1MDIwMTM4,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAd2VpeGluXzU1MDIwMTM4_size_17_color_FFFFFF_t_70_g_se_x_16]: https://img-blog.csdnimg.cn/20210827005042297.jpg?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAd2VpeGluXzU1MDIwMTM4,size_17,color_FFFFFF,t_70,g_se,x_16
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAd2VpeGluXzU1MDIwMTM4_size_20_color_FFFFFF_t_70_g_se_x_16 2]: https://img-blog.csdnimg.cn/20210827005619565.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAd2VpeGluXzU1MDIwMTM4,size_20,color_FFFFFF,t_70,g_se,x_16