github入門到上傳本地項(xiàng)目

一、創(chuàng)建github repository(倉庫)

1-1 登錄github

github的官方網(wǎng)址:https://github.com ,如果沒有賬號(hào),趕緊注冊一個(gè)。

image

點(diǎn)擊Sign in進(jìn)入登錄界面,輸入賬號(hào)和密碼登入github。


image

1-2 創(chuàng)建repository(倉庫)

image

如果沒在這個(gè)頁面也沒關(guān)系,點(diǎn)擊右上角的頭像旁邊的小三角,展開后可以看到Y(jié)our profile,點(diǎn)擊進(jìn)入后也能看到repository


image

切換到repository選項(xiàng)卡,可以看到很醒目的new按鈕。不用猶豫,點(diǎn)擊它,開始創(chuàng)建自己的糧倉了。
下面是創(chuàng)建倉庫信息,只有名字是必填項(xiàng),現(xiàn)在我創(chuàng)建了一個(gè)倉庫叫:beautifulDay


image

image

創(chuàng)建成功后,可以看到自己的倉庫地址,如此,我的遠(yuǎn)程免費(fèi)的倉庫就創(chuàng)建了。它還介紹了github倉庫的常用指令。這個(gè)指令需要在本地安裝git客戶端。
  git init //把這個(gè)目錄變成Git可以管理的倉庫
  git add README.md //文件添加到倉庫
  git add . //不但可以跟單一文件,還可以跟通配符,更可以跟目錄。一個(gè)點(diǎn)就把當(dāng)前目錄下所有未追蹤的文件全部add了
  git commit -m "first commit" //把文件提交到倉庫
  git remote add origin git@github.com:wangjiax9/practice.git //關(guān)聯(lián)遠(yuǎn)程倉庫
  git push -u origin master //把本地庫的所有內(nèi)容推送到遠(yuǎn)程庫上

一、創(chuàng)建github repository(倉庫)

1-1 登錄github

github的官方網(wǎng)址:https://github.com ,如果沒有賬號(hào),趕緊注冊一個(gè)。

image

點(diǎn)擊Sign in進(jìn)入登錄界面,輸入賬號(hào)和密碼登入github。

image

1-2 創(chuàng)建repository(倉庫)

為啥要叫repository(倉庫)?我起初也納悶,叫代碼庫不更簡單明了么? 但仔細(xì)一琢磨,倉庫一般都是放糧食的吧,這是把代碼當(dāng)作飽腹之物,多有愛,瞬間覺得這冰冷冷的代碼充滿了查克拉。


圖片.png

扯遠(yuǎn)了,來看怎么創(chuàng)建倉庫,登錄后可以看到有repository選項(xiàng)卡

image

如果沒在這個(gè)頁面也沒關(guān)系,點(diǎn)擊右上角的頭像旁邊的小三角,展開后可以看到Y(jié)our profile,點(diǎn)擊進(jìn)入后也能看到repository

image

切換到repository選項(xiàng)卡,可以看到很醒目的new按鈕。不用猶豫,點(diǎn)擊它,開始創(chuàng)建自己的糧倉了。

image

下面是創(chuàng)建倉庫信息,只有名字是必填項(xiàng),現(xiàn)在我創(chuàng)建了一個(gè)倉庫叫:beautifulDay

image

創(chuàng)建成功后,可以看到自己的倉庫地址,如此,我的遠(yuǎn)程免費(fèi)的倉庫就創(chuàng)建了。它還介紹了github倉庫的常用指令。這個(gè)指令需要在本地安裝git客戶端。

git init

//把這個(gè)目錄變成Git可以管理的倉庫

git add README.md

//文件添加到倉庫

git add .

//不但可以跟單一文件,還可以跟通配符,更可以跟目錄。一個(gè)點(diǎn)就把當(dāng)前目錄下所有未追蹤的文件全部add了

git commit -m "first commit"

//把文件提交到倉庫

git remote add origin git@github.com:wangjiax9/practice.git

//關(guān)聯(lián)遠(yuǎn)程倉庫

git push -u origin master

//把本地庫的所有內(nèi)容推送到遠(yuǎn)程庫上

image

二、安裝git客戶端
打開git-bash.exe,在桌面快捷方式/開始菜單/安裝目錄中

因?yàn)镚it是分布式版本控制系統(tǒng),所以需要填寫用戶名和郵箱作為一個(gè)標(biāo)識(shí),用戶和郵箱為你github注冊的賬號(hào)和郵箱

ps:git config –global 參數(shù),有了這個(gè)參數(shù),表示你這臺(tái)機(jī)器上所有的Git倉庫都會(huì)使用這個(gè)配置,當(dāng)然你也可以對(duì)某個(gè)倉庫指定的不同的用戶名和郵箱。打開git-bash.exe,在桌面快捷方式/開始菜單/安裝目錄中

因?yàn)镚it是分布式版本控制系統(tǒng),所以需要填寫用戶名和郵箱作為一個(gè)標(biāo)識(shí),用戶和郵箱為你github注冊的賬號(hào)和郵箱

image

psgit config –global 參數(shù),有了這個(gè)參數(shù),表示你這臺(tái)機(jī)器上所有的Git倉庫都會(huì)使用這個(gè)配置,當(dāng)然你也可以對(duì)某個(gè)倉庫指定的不同的用戶名和郵箱。

三、為Github賬戶設(shè)置SSH key

眾所周知ssh key是加密傳輸。

加密傳輸?shù)乃惴ㄓ泻枚啵琯it使用rsa,rsa要解決的一個(gè)核心問題是,如何使用一對(duì)特定的數(shù)字,使其中一個(gè)數(shù)字可以用來加密,而另外一個(gè)數(shù)字可以用來解密。這兩個(gè)數(shù)字就是你在使用git和github的時(shí)候所遇到的public key也就是公鑰以及private key私鑰。

其中,公鑰就是那個(gè)用來加密的數(shù)字,這也就是為什么你在本機(jī)生成了公鑰之后,要上傳到github的原因。從github發(fā)回來的,用那公鑰加密過的數(shù)據(jù),可以用你本地的私鑰來還原。

如果你的key丟失了,不管是公鑰還是私鑰,丟失一個(gè)都不能用了,解決方法也很簡單,重新再生成一次,然后在github.com里再設(shè)置一次就行

3-1 生成ssh key

首先檢查是否已生成密鑰 cd ~/.ssh,ls如果有3個(gè)文件,則密鑰已經(jīng)生成,id_rsa.pub就是公鑰

也可以打開我的電腦C:\Users\specter.ssh 里面找到

如果沒有生成,那么通過$ ssh-keygen -t rsa -C “郵箱@163.com”來生成。

1)是路徑確認(rèn),直接按回車存默認(rèn)路徑即可

2)直接回車鍵,這里我們不使用密碼進(jìn)行登錄, 用密碼太麻煩;

3)直接回車鍵

生成成功后,去對(duì)應(yīng)目錄C:\Users\specter.ssh里(specter為電腦用戶名,每個(gè)人不同)用記事本打開id_rsa.pub,得到ssh key公鑰

3-2 為github賬號(hào)配置ssh key

切換到github,展開個(gè)人頭像的小三角,點(diǎn)擊settings

然后打開SSH keys菜單, 點(diǎn)擊Add SSH key新增密鑰,填上標(biāo)題,跟倉庫保持一致吧,好區(qū)分。

接著將id_rsa.pub文件中key粘貼到此,最后Add key生成密鑰吧。

如此,github賬號(hào)的SSH keys配置完成。

四、上傳本地項(xiàng)目到github

4-1 創(chuàng)建一個(gè)本地項(xiàng)目

我這創(chuàng)建了幾個(gè)空文件夾和一個(gè)文件及一個(gè)項(xiàng)目配置文件,好多前端項(xiàng)目都這樣搭架構(gòu),我也追隨潮流哈。

4-2 建立本地倉庫

再來復(fù)習(xí)一下創(chuàng)建新倉庫的指令:
  git init //把這個(gè)目錄變成Git可以管理的倉庫
  git add README.md //文件添加到倉庫
  git add . //不但可以跟單一文件,還可以跟通配符,更可以跟目錄。一個(gè)點(diǎn)就把當(dāng)前目錄下所有未追蹤的文件全部add了
  git commit -m "first commit" //把文件提交到倉庫
  git remote add origin git@github.com:wangjiax9/practice.git //關(guān)聯(lián)遠(yuǎn)程倉庫
  git push -u origin master //把本地庫的所有內(nèi)容推送到遠(yuǎn)程庫上

首先,進(jìn)入到beautifulDay項(xiàng)目目錄,還記得創(chuàng)建倉庫成功后的那個(gè)頁面吧,指令都在呢。

然后執(zhí)行指令:git init

初始化成功后你會(huì)發(fā)現(xiàn)項(xiàng)目里多了一個(gè)隱藏文件夾.git

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

接著,將所有文件添加到倉庫

執(zhí)行指令:git add .

然后,把文件提交到倉庫,雙引號(hào)內(nèi)是提交注釋。

執(zhí)行指令:git commit -m "提交文件"

如此本地倉庫建立好了。

4-3 關(guān)聯(lián)github倉庫

到github beautifulDay倉庫復(fù)制倉庫地址

然后執(zhí)行指令:git remote add origin git@github.com:wangjiax9/beautifulDay.git

4-4 上傳本地代碼

執(zhí)行指令:git push -u origin master

1)敲一個(gè):yes, 然后回車

到此,本地代碼已經(jīng)推送到github倉庫了,我們現(xiàn)在去githubt倉庫看看。

咦!奇怪了,我的目錄呢?這個(gè)坑突然冒出來是不是印象很深刻呢~

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

好,我們來試一下,我在examples里新建了一個(gè)test1.html文件

執(zhí)行指令添加文件->提交文件->推送文件

git add .

git commit -m "提交test1.html"

git push -u origin master

然后刷新一個(gè)github,你會(huì)看到,examples文件夾出來了。

打開examples文件夾,test1.html也在里面。

三、為Github賬戶設(shè)置SSH key

眾所周知ssh key是加密傳輸。

加密傳輸?shù)乃惴ㄓ泻枚啵琯it使用rsa,rsa要解決的一個(gè)核心問題是,如何使用一對(duì)特定的數(shù)字,使其中一個(gè)數(shù)字可以用來加密,而另外一個(gè)數(shù)字可以用來解密。這兩個(gè)數(shù)字就是你在使用git和github的時(shí)候所遇到的public key也就是公鑰以及private key私鑰。

其中,公鑰就是那個(gè)用來加密的數(shù)字,這也就是為什么你在本機(jī)生成了公鑰之后,要上傳到github的原因。從github發(fā)回來的,用那公鑰加密過的數(shù)據(jù),可以用你本地的私鑰來還原。

如果你的key丟失了,不管是公鑰還是私鑰,丟失一個(gè)都不能用了,解決方法也很簡單,重新再生成一次,然后在github.com里再設(shè)置一次就行

3-1 生成ssh key

首先檢查是否已生成密鑰 cd ~/.ssh,

ls如果有3個(gè)文件,則密鑰已經(jīng)生成,id_rsa.pub就是公鑰

image

也可以打開我的電腦C:\Users\specter.ssh 里面找到

image

如果沒有生成,那么通過$ ssh-keygen -t rsa -C “郵箱@163.com”來生成。

1)是路徑確認(rèn),直接按回車存默認(rèn)路徑即可

2)直接回車鍵,這里我們不使用密碼進(jìn)行登錄, 用密碼太麻煩;

3)直接回車鍵

image

生成成功后,去對(duì)應(yīng)目錄C:\Users\specter.ssh里(specter為電腦用戶名,每個(gè)人不同)用記事本打開id_rsa.pub,得到ssh key公鑰

image

3-2 為github賬號(hào)配置ssh key

切換到github,展開個(gè)人頭像的小三角,點(diǎn)擊settings

image

然后打開SSH keys菜單, 點(diǎn)擊Add SSH key新增密鑰,填上標(biāo)題,跟倉庫保持一致吧,好區(qū)分。

接著將id_rsa.pub文件中key粘貼到此,最后Add key生成密鑰吧。

image

如此,github賬號(hào)的SSH keys配置完成。

image

<a name="s4"></a> 四、上傳本地項(xiàng)目到github

4-1 創(chuàng)建一個(gè)本地項(xiàng)目

我這創(chuàng)建了幾個(gè)空文件夾和一個(gè)文件及一個(gè)項(xiàng)目配置文件,好多前端項(xiàng)目都這樣搭架構(gòu),我也追隨潮流哈。

image

4-2 建立本地倉庫

再來復(fù)習(xí)一下創(chuàng)建新倉庫的指令:

git init //把這個(gè)目錄變成Git可以管理的倉庫

git add README.md //文件添加到倉庫

git add . //不但可以跟單一文件,還可以跟通配符,更可以跟目錄。一個(gè)點(diǎn)就把當(dāng)前目錄下所有未追蹤的文件全部add了

git commit -m "first commit" //把文件提交到倉庫

git remote add origin git@github.com:wangjiax9/practice.git //關(guān)聯(lián)遠(yuǎn)程倉庫

git push -u origin master //把本地庫的所有內(nèi)容推送到遠(yuǎn)程庫上

首先,進(jìn)入到beautifulDay項(xiàng)目目錄,還記得創(chuàng)建倉庫成功后的那個(gè)頁面吧,指令都在呢。

然后執(zhí)行指令:

git init

image

初始化成功后你會(huì)發(fā)現(xiàn)項(xiàng)目里多了一個(gè)隱藏文件夾.git

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

image

接著,將所有文件添加到倉庫

執(zhí)行指令:

git add .

image

然后,把文件提交到倉庫,雙引號(hào)內(nèi)是提交注釋。

執(zhí)行指令:

git commit -m "提交文件"

image

如此本地倉庫建立好了。

4-3 關(guān)聯(lián)github倉庫

到github beautifulDay倉庫復(fù)制倉庫地址

image

然后執(zhí)行指令:

git remote add origin git@github.com:wangjiax9/beautifulDay.git

image

4-4 上傳本地代碼

執(zhí)行指令:

git push -u origin master

1)敲一個(gè):yes, 然后回車

image

到此,本地代碼已經(jīng)推送到github倉庫了,我們現(xiàn)在去githubt倉庫看看。

注意咯:

git是不能管理空的文件夾的,文件夾里必須有文件才能add

image

好,我們來試一下,我在examples里新建了一個(gè)test1.html文件

image

執(zhí)行指令添加文件->提交文件->推送文件

git add .

git commit -m "提交test1.html"

git push -u origin master

image

然后刷新一個(gè)github,你會(huì)看到,examples文件夾出來了。

image

打開examples文件夾,test1.html也在里面。

image
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容