最近想把之前寫的網(wǎng)頁(yè)掛到網(wǎng)上去,搜索后發(fā)現(xiàn)GitHub的homepage可以實(shí)現(xiàn)。
昨天花了半天的時(shí)間在從GitHub建倉(cāng)庫(kù)開始宰缤,最終把我的網(wǎng)頁(yè)成功掛到網(wǎng)上。中間出現(xiàn)了一些問題晃洒,后來(lái)通過百度解決了慨灭。所以就想把昨天找到的一些教程和問題解決辦法總結(jié)起來(lái),方便自己也方便大家球及。同時(shí)也要感謝前輩們氧骤,將知識(shí)分享出來(lái)。
教程鏈接:http://blog.csdn.net/laozitianxia/article/details/50682100#comments
一吃引、注冊(cè)賬戶以及創(chuàng)建倉(cāng)庫(kù)
(1)首先筹陵,打開https://github.com
刽锤,在首頁(yè)注冊(cè)即可。
(2)注冊(cè)成功后就可以創(chuàng)建倉(cāng)庫(kù)了朦佩,在頁(yè)面上方用戶菜單上選擇 “+”->New repository 創(chuàng)建一個(gè)新的倉(cāng)庫(kù)并思。
(3)為倉(cāng)庫(kù)取一個(gè)名字,點(diǎn)擊創(chuàng)建倉(cāng)庫(kù)按鈕 你將成功創(chuàng)建一個(gè)倉(cāng)庫(kù)语稠。
(4)要在電腦使用git宋彼,還要安裝一個(gè)git客戶端,安裝一個(gè)GitHub desktop.git和GitHub桌面版結(jié)合使用仙畦。
windows用戶請(qǐng)下載
http://msysgit.github.com/
mac用戶請(qǐng)下載
http://code.google.com/p/tortoisegit/
一路next输涕,安裝成功后, 回到C盤慨畸,或任何文件夾下占贫,點(diǎn)鼠標(biāo)右鍵會(huì)多出一些菜單 如 Git Init Hear、Git Bash先口、Git Gui 型奥, 說明安裝成功。有時(shí)候沒有g(shù)it init hear.可以手動(dòng)初始化碉京。
(5)配置git 厢汹。
在本地倉(cāng)庫(kù)里右鍵選擇Git Init Here,會(huì)多出來(lái)一個(gè).git文件夾谐宙,這就表示本地git創(chuàng)建成功烫葬。右鍵Git Bash進(jìn)入git命令行,截圖效果如下:
為了保險(xiǎn)起見凡蜻,我們先執(zhí)行g(shù)it init命令
$ git init
為了把本地的倉(cāng)庫(kù)傳到github搭综,還需要配置ssh key。
2)在本地創(chuàng)建ssh key
$ ssh-keygen -t rsa -C "your_email@youremail.com"
后面的your_email@youremail.com
改為你的郵箱划栓。我的郵箱是lilu@1ke.co
兑巾,也是在github上注冊(cè)的那個(gè)郵箱:
直接點(diǎn)回車,說明會(huì)在默認(rèn)文件id_rsa上生成ssh key忠荞。
然后系統(tǒng)要求輸入密碼蒋歌,直接按回車表示不設(shè)密碼:
重復(fù)密碼時(shí)也是直接回車,之后提示你shh key已經(jīng)生成成功委煤。
然后我們進(jìn)入提示的地址下查看ssh key文件堂油。 我的電腦的地址是C:\Users\lilu.ssh ,其中l(wèi)ilu是我的電腦的名稱
打開id_rsa.pub碧绞,復(fù)制里面的key府框。里面的key是一對(duì)看不懂的字符數(shù)字組合,不用管它讥邻,直接復(fù)制迫靖。
回到github網(wǎng)站癣诱,進(jìn)入Account Settings,左邊選擇SSH Keys袜香,Add SSH Key,
title隨便填撕予,粘貼key。
3)驗(yàn)證是否成功蜈首,在git bash下輸入
$ ssh -T git@github.com
回車就會(huì)看到:You’ve successfully authenticated, but GitHub does not provide shell access 实抡。這就表示已成功連上github。
4)接下來(lái)我們要做的就是把本地倉(cāng)庫(kù)傳到github上去欢策,在此之前還需要設(shè)置username和email吆寨,因?yàn)間ithub每次commit都會(huì)記錄他們
$ git config --global user.name "your name"
$ git config --global user.email "your_email@youremail.com"
分別輸入上述命令行 回車, 我的界面顯示如下
5)進(jìn)入要上傳的倉(cāng)庫(kù)踩寇,右鍵git bash啄清,添加遠(yuǎn)程地址
$ git remote add origin git@github.com:yourName/yourRepo.git
后面的yourName和yourRepo表示你再github的用戶名和剛才新建的倉(cāng)庫(kù),加完之后進(jìn)入.git俺孙,打開config辣卒,這里會(huì)多出一個(gè)remote “origin”內(nèi)容,這就是剛才添加的遠(yuǎn)程地址睛榄,也可以直接修改config來(lái)配置遠(yuǎn)程地址荣茫。
與github上的對(duì)應(yīng)
(6 )提交上傳。
1)接下來(lái)在本地倉(cāng)庫(kù)里添加一些文件场靴,比如README
然后在命令行輸入一下命令
$ git add README$ git commit -m "first commit"
我的執(zhí)行界面如下2)上傳到github
$ git push origin master
git push命令會(huì)將本地倉(cāng)庫(kù)推送到遠(yuǎn)程服務(wù)器啡莉。
git pull命令則相反。
以上這是借鑒前輩的旨剥。
但是我git push后咧欣,顯示everything up-to-data,但是刷新我的GitHub轨帜,并沒有上傳成功魄咕。之后各種找,終于發(fā)現(xiàn)沒有commit阵谚,我是從GitHub的客戶端commit蚕礼,然后通過
git bash在輸入命令,顯示上傳成功梢什。
————————————--以上是如何將本地代碼如何上傳至給GitHub,接下來(lái)就是如何在GitHub pages搭建自己的網(wǎng)頁(yè)朝聋。
登錄到Github上嗡午,新建一個(gè)repo,命名為test冀痕,勾選 initialize this repository with a README荔睹,點(diǎn)擊create repository狸演。
步驟二:打開settings,有一個(gè)Github Pages 的設(shè)置僻他,點(diǎn)擊 source 中的本來(lái)的 None 宵距,使其變成 master 分支,也就是作為部署github pages 的分支吨拗,然后點(diǎn)擊 save满哪。
步驟三:頁(yè)面刷新之后,再看 github pages 設(shè)置框處劝篷,多了一行網(wǎng)址哨鸭,就是你的 github pages 的網(wǎng)址了。
點(diǎn)擊那個(gè)連接娇妓,就可以打開你的網(wǎng)頁(yè)啦像鸡!
謝謝分享經(jīng)驗(yàn)的前輩們!
才開始用GitHub哈恰,還有很多不懂得地方只估,希望有前輩多多指教。