2018-06-30 菜鳥心得之如何將vscode與github連接實現(xiàn)文件推送

工欲善其事顷窒,必先利其器蛙吏。

我們需要先下載vscode與git pash(內(nèi)置git)并安裝及配置。

注意:1鞋吉,Windows安裝時盡量保證目錄(父目錄)不存在中文鸦做,否則會出現(xiàn)各種問題(別問我怎么知道的emmmmm)

2,一定要配置谓着,就是將下面5句話輸入到git pash中泼诱,不然git沒法用!


image

首先,新建好文件夾赊锚,你想要上傳的文件也放在里面治筒,右擊,選擇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)建倉庫。

image

3沟使、輸入你所創(chuàng)建倉庫的名字委可,點擊最下面的Create reposity.

image

4、進入如下圖頁面腊嗡,記得點下ssh

image

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

image

②SSH and GPG keys

image

③generating SSH keys

image

④Generating a new SSH key and adding it to the ssh-agent

image

⑤出現(xiàn)下圖的命令,選中它復制到gitbash中

image

⑥復制選中的命令到GitBash后蟋软,點擊3次回車镶摘,得到下圖中泡泡的樣子說明成功了

image

⑦接著在GitBash里輸入命令:cat ~/.ssh/id_rsa.pub,回車岳守,得到下圖的英文

image

⑧復制下來這段英文凄敢,接著:

image
image

6、好了湿痢,ssh key已經(jīng)取得了涝缝,現(xiàn)在回到圖4的頁面,將代碼一行一行復制到gitpash中

image

7譬重、出現(xiàn)圖中的new branch就證明執(zhí)行成功了

image

8拒逮、回到圖4頁面,刷新臀规,出現(xiàn)你自己的倉庫名稱證明建立倉庫成功了

image

9滩援、那么接下來就是把我們vscode的編碼推送上來。打開vscode塔嬉,我想上傳的是blog.html玩徊,點擊圖中箭頭所指方向,然后在輸入框中輸入你的命名谨究,我的是“練習用”恩袱,然后點一個小對號(沒截到圖,很好找)胶哲,就上傳成功了畔塔,接著點擊同樣位置對號旁邊的三個點,選擇推送就大功告成啦。

image

10俩檬、回到github頁面萎胰,我上傳的編碼就在這里了。

image

11棚辽、如果想打開看的話技竟,你會發(fā)現(xiàn)點開來并不能直接生成頁面,而是代碼的形式屈藐,什么也看不出來榔组。如果你想看,那就繼續(xù)跟我來联逻。

image
  • 點擊右上角的settings
image
  • 找到github pages搓扯,選擇圖示位置,然后點擊save
image
  • 點擊save后會在github pages 下邊出現(xiàn)一個網(wǎng)址包归,不要點開锨推,復制。
image
  • 復制到瀏覽器地址欄公壤,在后面輸入你文件的名字.html,回車即可
image

我遇到的問題 一:vscode里找不到git,始終無法上傳和提交

解決方案:通過設置找到git的路徑换可,右邊覆蓋更改正確路徑

二:在gitbash中輸入git remote add origin git@github.com:xx.git這一行后報錯

image

解決方案,輸入下圖:

image

不過今天重新練習沒再出現(xiàn)這樣的情況厦幅,可能今天是使用的文件夾包含了我需要上傳的內(nèi)容沾鳄,而昨天是一個空的文件夾。目前還不清楚具體原因确憨,繼續(xù)努力~

?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末译荞,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子休弃,更是在濱河造成了極大的恐慌吞歼,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,546評論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件玫芦,死亡現(xiàn)場離奇詭異浆熔,居然都是意外死亡,警方通過查閱死者的電腦和手機桥帆,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,224評論 3 395
  • 文/潘曉璐 我一進店門医增,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人老虫,你說我怎么就攤上這事叶骨。” “怎么了祈匙?”我有些...
    開封第一講書人閱讀 164,911評論 0 354
  • 文/不壞的土叔 我叫張陵忽刽,是天一觀的道長天揖。 經(jīng)常有香客問我,道長跪帝,這世上最難降的妖魔是什么今膊? 我笑而不...
    開封第一講書人閱讀 58,737評論 1 294
  • 正文 為了忘掉前任,我火速辦了婚禮伞剑,結果婚禮上斑唬,老公的妹妹穿的比我還像新娘。我一直安慰自己黎泣,他們只是感情好恕刘,可當我...
    茶點故事閱讀 67,753評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著抒倚,像睡著了一般褐着。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上托呕,一...
    開封第一講書人閱讀 51,598評論 1 305
  • 那天含蓉,我揣著相機與錄音,去河邊找鬼镣陕。 笑死谴餐,一個胖子當著我的面吹牛姻政,可吹牛的內(nèi)容都是我干的呆抑。 我是一名探鬼主播,決...
    沈念sama閱讀 40,338評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼汁展,長吁一口氣:“原來是場噩夢啊……” “哼鹊碍!你這毒婦竟也來了?” 一聲冷哼從身側響起食绿,我...
    開封第一講書人閱讀 39,249評論 0 276
  • 序言:老撾萬榮一對情侶失蹤侈咕,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后器紧,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體耀销,經(jīng)...
    沈念sama閱讀 45,696評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,888評論 3 336
  • 正文 我和宋清朗相戀三年铲汪,在試婚紗的時候發(fā)現(xiàn)自己被綠了熊尉。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,013評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡掌腰,死狀恐怖狰住,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情齿梁,我是刑警寧澤催植,帶...
    沈念sama閱讀 35,731評論 5 346
  • 正文 年R本政府宣布肮蛹,位于F島的核電站,受9級特大地震影響创南,放射性物質(zhì)發(fā)生泄漏伦忠。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,348評論 3 330
  • 文/蒙蒙 一稿辙、第九天 我趴在偏房一處隱蔽的房頂上張望缓苛。 院中可真熱鬧,春花似錦邓深、人聲如沸未桥。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,929評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽冬耿。三九已至,卻和暖如春萌壳,著一層夾襖步出監(jiān)牢的瞬間亦镶,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,048評論 1 270
  • 我被黑心中介騙來泰國打工袱瓮, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留缤骨,地道東北人。 一個月前我還...
    沈念sama閱讀 48,203評論 3 370
  • 正文 我出身青樓尺借,卻偏偏與公主長得像绊起,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子燎斩,可洞房花燭夜當晚...
    茶點故事閱讀 44,960評論 2 355

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

  • 第一章 安裝Git工具 下載GitHub for Windows,直接點擊安裝虱歪,安裝完成后,可以看到“Git Sh...
    不圓的石頭閱讀 11,871評論 5 63
  • 什么是git版本管理控制工具(vcs) 1.分布式版本控制 2.多個開發(fā)人員協(xié)調(diào)工作 3.有效監(jiān)聽誰做的修改 4....
    Daryl_Z閱讀 651評論 1 2
  • 真好栅表,一覺睡到十點半笋鄙,嘻嘻,雖然快四點了才睡著怪瓶。我在心裡默數(shù)萧落,還是夠六個小時了的。 人家說洗贰,失眠的人都有故事找岖,嗯,...
    Moxxx閱讀 150評論 0 0
  • 開篇語 今天是筆者奶奶生日哆姻,昨天為此準備了不少事情宣增,也因此花費了很多時間,今天上午接待客人矛缨,下午送我年邁的姑奶奶回...
    張照博閱讀 17,623評論 4 18
  • RN教程:https://unbug.gitbooks.io/react-native-training/cont...
    派大星的博客閱讀 593評論 0 1