工欲善其事顷窒,必先利其器蛙吏。
我們需要先下載vscode與git pash(內(nèi)置git)并安裝及配置。
注意:1鞋吉,Windows安裝時盡量保證目錄(父目錄)不存在中文鸦做,否則會出現(xiàn)各種問題(別問我怎么知道的emmmmm)
2,一定要配置谓着,就是將下面5句話輸入到git pash中泼诱,不然git沒法用!
首先,新建好文件夾赊锚,你想要上傳的文件也放在里面治筒,右擊,選擇gitbash here
然后就要自報家門啦~設置全局環(huán)境
git config --global user.name XXX
git config --global user.email xxxxx
輸入后舷蒲,并沒有反應耸袜,不用擔心,沒有消息就是好消息~說明執(zhí)行了
接下來我們來簡單了解一下Git:
GitHub的核心是一個名為Git的開源分布式版本控制系統(tǒng)牲平,它負責著所有的與github相關的在你計算機上發(fā)生的事情堤框。詳細了解git
所以要想將vscode上的編碼或者本地項目等推送到github上,我們就需要為它建一個倉庫。
1蜈抓、注冊并登陸GitHub
2启绰、點擊“New repository”創(chuàng)建倉庫。
3沟使、輸入你所創(chuàng)建倉庫的名字委可,點擊最下面的Create reposity.
4、進入如下圖頁面腊嗡,記得點下ssh
5着倾、但是目前還不能運行git bash,第一次使用git的clone或者push命令時,連接github會出現(xiàn)一個警告叽唱,以致出現(xiàn)一個對話
Are you sure you want to continue connecting (yes/no)?
因為git使用ssh連接屈呕,而ssh連接第一次連接驗證github服務器key時微宝,需要確認github服務器key的指紋信息是否真的來自于github服務器棺亭。
所以我們先去取得一個ssh key :
①Settings
②SSH and GPG keys
③generating SSH keys
④Generating a new SSH key and adding it to the ssh-agent
⑤出現(xiàn)下圖的命令,選中它復制到gitbash中
⑥復制選中的命令到GitBash后蟋软,點擊3次回車镶摘,得到下圖中泡泡的樣子說明成功了
⑦接著在GitBash里輸入命令:cat ~/.ssh/id_rsa.pub,回車岳守,得到下圖的英文
⑧復制下來這段英文凄敢,接著:
6、好了湿痢,ssh key已經(jīng)取得了涝缝,現(xiàn)在回到圖4的頁面,將代碼一行一行復制到gitpash中
7譬重、出現(xiàn)圖中的new branch就證明執(zhí)行成功了
8拒逮、回到圖4頁面,刷新臀规,出現(xiàn)你自己的倉庫名稱證明建立倉庫成功了
9滩援、那么接下來就是把我們vscode的編碼推送上來。打開vscode塔嬉,我想上傳的是blog.html玩徊,點擊圖中箭頭所指方向,然后在輸入框中輸入你的命名谨究,我的是“練習用”恩袱,然后點一個小對號(沒截到圖,很好找)胶哲,就上傳成功了畔塔,接著點擊同樣位置對號旁邊的三個點,選擇推送就大功告成啦。
10俩檬、回到github頁面萎胰,我上傳的編碼就在這里了。
11棚辽、如果想打開看的話技竟,你會發(fā)現(xiàn)點開來并不能直接生成頁面,而是代碼的形式屈藐,什么也看不出來榔组。如果你想看,那就繼續(xù)跟我來联逻。
- 點擊右上角的settings
- 找到github pages搓扯,選擇圖示位置,然后點擊save
- 點擊save后會在github pages 下邊出現(xiàn)一個網(wǎng)址包归,不要點開锨推,復制。
- 復制到瀏覽器地址欄公壤,在后面輸入你文件的名字.html,回車即可
我遇到的問題 一:vscode里找不到git,始終無法上傳和提交
解決方案:通過設置找到git的路徑换可,右邊覆蓋更改正確路徑
二:在gitbash中輸入git remote add origin git@github.com:xx.git這一行后報錯
解決方案,輸入下圖:
不過今天重新練習沒再出現(xiàn)這樣的情況厦幅,可能今天是使用的文件夾包含了我需要上傳的內(nèi)容沾鳄,而昨天是一個空的文件夾。目前還不清楚具體原因确憨,繼續(xù)努力~