好久沒寫分享了,今天再來總結(jié)寫一下,如何使用git上傳代碼到github,同時(shí)預(yù)覽,希望對(duì)想學(xué)習(xí)的童鞋有幫助
簡(jiǎn)單分為以下幾步:
1,配置密鑰(針對(duì)第一次上傳項(xiàng)目的電腦,配置一次,一勞永逸。)。
2,在github創(chuàng)建新的倉庫
3,把github創(chuàng)建的新倉庫克隆到本地
4,把代碼放到克隆到本地的倉庫里面
5,上傳
下面是詳細(xì)步驟
一,配置密鑰(配過的此步驟可以省略)
1,下載安裝git,可以到官網(wǎng)下載(https://git-scm.com/downloads)
安裝過程
2雙擊安裝**

image.png
3,選擇安裝的工作目錄**

image.png
4選擇組件

image.png
5開始菜單目錄名設(shè)置

image.png
6選擇使用命令行環(huán)境

image.png
7以下三步默認(rèn),直接點(diǎn)擊next

image.png

image.png

image.png
8.等待安裝**

image.png

image.png
9,檢驗(yàn)是否安裝成功

AAD97B30D6FEFCE4F305EF46DF75610C.png
二,配置密鑰
1,在桌面鼠標(biāo)右擊,選擇Git Bash Here,輸入ssh-keygen -t rsa -C "your email",然后一路回車,直到生成一個(gè)下面的圖案,注意留意生成的密鑰位置

生成公鑰.jpg
2,找到密鑰保存位置,一個(gè)公鑰,一個(gè)私鑰

找到生成的公鑰位置.jpg
3,打開公鑰id_rsa.pub,復(fù)制里面的內(nèi)容

復(fù)制公鑰內(nèi)容.jpg
4,github點(diǎn)擊頭像下面的settings

settings.jpg
5,選擇SSH and GPG keys,點(diǎn)擊左上角New SSH key按鈕

設(shè)置公鑰.jpg
6,復(fù)制本地生成的id_rsa.pub到key的位置,title隨便寫個(gè)名字都可以,點(diǎn)擊Add SSH key 按鈕,看到剛剛配置的公鑰

復(fù)制key.jpg

配置后.jpg
密鑰配置完成。。。
三,在github上創(chuàng)建項(xiàng)目
1,登陸自己的github之后,點(diǎn)擊左邊綠色按鈕new

image.png
2,創(chuàng)建倉庫
1,設(shè)置倉庫名字 2,選擇權(quán)限為public,其他人都可以看到你的項(xiàng)目。private只能自己看。3點(diǎn)擊創(chuàng)建

2.jpg
2,克隆地址,選擇https,點(diǎn)擊右邊復(fù)制地址

3.jpg
四,克隆倉庫到本地
1,在桌面鼠標(biāo)右擊,選擇Git Bash Here,輸入git clone 然后鼠標(biāo)右擊把剛剛賦值的git地址粘貼到后面,會(huì)在桌面生成一個(gè)我們克隆來的文件夾

克隆到桌面.jpg
2,在文件夾里面放入我們的項(xiàng)目代碼

放入代碼.jpg
五,往github推送自己的項(xiàng)目代碼
1,執(zhí)行g(shù)it status能看到更新的文件紅色顯示,執(zhí)git add . (注意點(diǎn)前面有空格)添加項(xiàng)目

git add.jpg
2,執(zhí)行 git commit -m'版本說明'

版本說明.jpg
3,最后一步啦,執(zhí)行g(shù)it push origin master ,會(huì)讓你輸入github用戶名和密碼,

push代碼.jpg
4,沒有報(bào)錯(cuò),OK啦,這時(shí)去github倉庫里就能看到上傳的文件了

文件上傳成功.jpg
六,設(shè)置在線預(yù)覽
1,點(diǎn)擊github里面的setting

設(shè)置page.jpg
2,下拉找到github pages source選擇master branch,這是頁面自動(dòng)重新加載,在回到github pages就能看到多一行藍(lán)色地址,這個(gè)地址就可以復(fù)制到瀏覽器查看頁面效果

選擇master生成生成網(wǎng)址.jpg
3,復(fù)制地址到瀏覽器地址欄,查看效果

查看效果.jpg
到這教程就結(jié)束了??烊ゾ毩?xí)一下吧