GitHub上提交代碼之寫給小白


1、創建github repository(倉庫)

1.1、登錄github

  github的官方網址:https://github.com ,如果沒有賬號,趕緊註冊一個。
在這裏插入圖片描述
  點擊Sign in進入登錄界面,輸入賬號和密碼登入github。
在這裏插入圖片描述

1.2、創建repository(倉庫)

  爲啥要叫repository(倉庫)?我起初也納悶,叫代碼庫不更簡單明瞭麼? 但仔細一琢磨,倉庫一般都是放糧食的吧,這是把代碼當作飽腹之物,多有愛,瞬間覺得這冰冷冷的代碼充滿了查克拉。
  扯遠了,來看怎麼創建倉庫,登錄後可以看到有repository選項卡。
在這裏插入圖片描述
  如果沒在這個頁面也沒關係,點擊右上角的頭像旁邊的小三角,展開後可以看到Your profile,點擊進入後也能看到repository。
在這裏插入圖片描述
  切換到repository選項卡,可以看到很醒目的new按鈕。不用猶豫,點擊它,開始創建自己的糧倉了。
在這裏插入圖片描述
  下面是創建倉庫信息,只有名字是必填項,現在我創建了一個倉庫叫:beautifulDay
在這裏插入圖片描述
  創建成功後,可以看到自己的倉庫地址如下圖所示,如此,我的遠程免費的倉庫就創建了。它還介紹了github倉庫的常用指令。這個指令需要在本地安裝git客戶端。

  • git init //把這個目錄變成Git可以管理的倉庫
  • git add README.md //文件添加到倉庫
  • git add . //不但可以跟單一文件,還可以跟通配符,更可以跟目錄。一個點就把當前目錄下所有未追蹤的文件全部add了
  • git commit -m “first commit” //把文件提交到倉庫
  • git remote add origin [email protected]:wangjiax9/practice.git //關聯遠程倉庫
  • git push -u origin master //把本地庫的所有內容推送到遠程庫上

在這裏插入圖片描述

2、安裝git客戶端

2.1、下載git客戶端

  官方下載地址:http://git-scm.com/download/ 根據你自己的系統 下載對應版本,沒想到它知道我是Windows _
在這裏插入圖片描述

2.2、安裝客戶端

  下載好之後咋們開始安裝吧,歡迎界面,下一步。

選擇安裝路徑,千萬別選帶中文的路徑,有時候會引起不必要的誤會。
一直next,最後finish就OK

2.3、綁定用戶

  打開git-bash.exe,在桌面快捷方式/開始菜單/安裝目錄中。
  因爲Git是分佈式版本控制系統,所以需要填寫用戶名和郵箱作爲一個標識,用戶和郵箱爲你github註冊的賬號和郵箱。
在這裏插入圖片描述

ps:git config –global 參數,有了這個參數,表示你這臺機器上所有的Git倉庫都會使用這個配置,當然你也可以對某個倉庫指定的不同的用戶名和郵箱。

3、爲Github賬戶設置SSH key

  衆所周知ssh key是加密傳輸。
  加密傳輸的算法有好多,git使用rsa,rsa要解決的一個核心問題是,如何使用一對特定的數字,使其中一個數字可以用來加密,而另外一個數字可以用來解密。這兩個數字就是你在使用git和github的時候所遇到的public key也就是公鑰以及private key私鑰。
  其中,公鑰就是那個用來加密的數字,這也就是爲什麼你在本機生成了公鑰之後,要上傳到github的原因。從github發回來的,用那公鑰加密過的數據,可以用你本地的私鑰來還原。
  如果你的key丟失了,不管是公鑰還是私鑰,丟失一個都不能用了,解決方法也很簡單,重新再生成一次,然後在github.com裏再設置一次就行。

3.1、生成ssh key

  首先檢查是否已生成密鑰 cd ~/.ssh,ls如果有3個文件,則密鑰已經生成,id_rsa.pub就是公鑰。
在這裏插入圖片描述
  也可以打開我的電腦C:\Users\specter.ssh 裏面找到
在這裏插入圖片描述
  如果沒有生成,那麼通過$ ssh-keygen -t rsa -C “[email protected]”來生成。

1)是路徑確認,直接按回車存默認路徑即可
2)直接回車鍵,這裏我們不使用密碼進行登錄, 用密碼太麻煩;
3)直接回車鍵
在這裏插入圖片描述

  生成成功後,去對應目錄C:\Users\specter.ssh裏(specter爲電腦用戶名,每個人不同)用記事本打開id_rsa.pub,得到ssh key公鑰
在這裏插入圖片描述

3.2、生成ssh key爲github賬號配置ssh key

  切換到github,展開個人頭像的小三角,點擊settings。
在這裏插入圖片描述
  然後打開SSH keys菜單, 點擊Add SSH key新增密鑰,填上標題,跟倉庫保持一致吧,好區分。
  接着將id_rsa.pub文件中key粘貼到此,最後Add key生成密鑰吧。如下圖所示:
在這裏插入圖片描述
  如此,github賬號的SSH keys配置完成。如下圖所示:
在這裏插入圖片描述

4、上傳本地項目到github

4.1、創建一個本地項目

  我這創建了幾個空文件夾和一個文件及一個項目配置文件,好多前端項目都這樣搭架構,我也追隨潮流哈。
在這裏插入圖片描述

4.2、建立本地倉庫

  再來複習一下創建新倉庫的指令:

  • git init //把這個目錄變成Git可以管理的倉庫
  • git add README.md //文件添加到倉庫
  • git add . //不但可以跟單一文件,還可以跟通配符,更可以跟目錄。一個點就把當前目錄下所有未追蹤的文件全部add了
  • git commit -m “first commit” //把文件提交到倉庫
  • git remote add origin [email protected]:wangjiax9/practice.git //關聯遠程倉庫
  • git push -u origin master //把本地庫的所有內容推送到遠程庫上

  進入到beautifulDay項目目錄,還記得創建倉庫成功後的那個頁面吧,指令都在呢。

  然後執行指令:git init

必須先執行這個指令,否則後面的指令都無法執行!

在這裏插入圖片描述
  初始化成功後你會發現項目裏多了一個隱藏文件夾.git

這個目錄是Git用來跟蹤管理版本庫的,沒事千萬不要手動修改這個目錄裏面的文件,不然改亂了,就把Git倉庫給破壞了。

  接着,將所有文件添加到倉庫
  執行指令:git add .
在這裏插入圖片描述
  然後,把文件提交到倉庫,雙引號內是提交註釋。
  執行指令:git commit -m "提交文件"
在這裏插入圖片描述
  如此本地倉庫建立好了。

4.3、關聯github倉庫

  到github beautifulDay倉庫複製倉庫地址
在這裏插入圖片描述
  然後執行指令:git remote add origin [email protected]:wangjiax9/beautifulDay.git
在這裏插入圖片描述

4.4、上傳本地代碼

  執行指令:git push -u origin master

1)敲一個:yes, 然後回車
在這裏插入圖片描述

  到此,本地代碼已經推送到github倉庫了,我們現在去githubt倉庫看看。
  咦!奇怪了,我的目錄呢?這個坑突然冒出來是不是印象很深刻呢~

注意咯:git是不能管理空的文件夾的,文件夾裏必須有文件才能add

在這裏插入圖片描述
  好,我們來試一下,我在examples裏新建了一個test1.html文件。
在這裏插入圖片描述
  執行指令添加文件->提交文件->推送文件:
git add .
git commit -m "提交test1.html"
git push -u origin master

在這裏插入圖片描述
  然後刷新一個github,你會看到,examples文件夾出來了。
在這裏插入圖片描述
  打開examples文件夾,test1.html也在裏面。
在這裏插入圖片描述

4.5、更新倉庫代碼到本地

  執行指令:git clone 倉庫地址
  這樣就把倉庫的代碼給拉下來,同步到本地了!

5、TortoiseGit

  這裏貼一個小烏龜的下載鏈接,畢竟圖形化UI很方便,操作和SVN幾乎一樣!還有各種語言安裝包,可以根據自己的系統選擇對應的安裝包,語言包下載安裝根據個人習慣,默認是英文(推薦),需要中文的下載語言包安裝即可。

5、結束語


The End
  好了,今天的分享就到這裏,如有不足之處,還望大家及時指正,隨時歡迎探討交流!!!


喜歡的朋友們,請幫頂、點贊、評論!您的肯定是我寫作的不竭動力!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章