Git操作實用技巧(重點介紹如何在線預覽 GitHub 項目)

本文框架圖

Git是什么施逾,它與Github什么關系

Git是一款免費廉赔、開源的分布式源代碼管理工具印蓖。
Github是用Git做版本控制的代碼托管平臺碘箍。

Git常用命令

Git常用命令

一般來說遵馆,Git命令日常使用只要記住上圖6個命令,就可以了丰榴。但是熟練使用货邓,恐怕要記住60~100個命令。接下來歸納了一些常用的命令:
把普通目錄變?yōu)間it工作區(qū)
git init **添加當前目錄的所有文件到暫存區(qū)** git add .
提交暫存區(qū)到倉庫區(qū)
git commit -m “XXX” **恢復暫存區(qū)的指定文件到工作區(qū)** git checkout [file] checkout命令用于從歷史提交(或者暫存區(qū)域)中拷貝文件到工作目錄四濒,也可用于切換分支换况。 **上傳本地指定分支到遠程倉庫(master分支)** git push origin master
取回遠程倉庫的變化,并與本地分支合并
git pull [remote] [branch] **列出所有本地分支** git branch
新建一個分支盗蟆,但依然停留在當前分支
git branch [branch-name]//比如git branch dev創(chuàng)建“dev"分支 **新建一個分支戈二,并切換到該分支** git checkout -b [branch] //比如git checkout -b dev切換到“dev"分支
合并指定分支到當前分支
$ git merge [branch]

如何進行多人協(xié)作(分支創(chuàng)建與合并)

什么是分支?

分支是為了將修改記錄的整體流程分叉保存喳资。分叉后的分支不受其他分支的影響觉吭,所以在同一個數(shù)據(jù)庫里可以同時進行多個修改。

為什么要創(chuàng)建分支仆邓?

為了不受其他開發(fā)人員的影響鲜滩,您可以在主分支上建立自己專用的分支。完成工作后宏赘,將自己分支上的修改合并到主分支绒北。常常適用于當前開發(fā)的項目新增功能時,代碼還未寫完或者出現(xiàn)bug未調試好察署,這時創(chuàng)建分支將有效提高工作效率闷游。因為每一次提交的歷史記錄都會在創(chuàng)建分支保存,所以當發(fā)生問題時,定位和修改造成問題的提交就容易多了脐往。

如何創(chuàng)建分支以及合并分支休吠?
git checkout -b dev//新建一個分支,并切換到該分支
git branch//列出所有本地分支:*dev master,并顯示當前停留在dev分支上 
vi(m) a.js//在分支上修改文件业簿,然后再上傳遠程倉庫
git add.
git commit -m "update part2"
git push origin dev//上傳到dev分支遠程瘤礁,接下去要合并分支
git checkout master//合并分支之前必須在master上
git pull origin master//在當前master上同步到最新版本
git merge dev//合并分支
git push origin master//重新提交到遠程倉庫
分支創(chuàng)建與合并

如何用Github的gh-pages分支展示自己的項目

master分支僅是瀏覽代碼,而無法將頁面直接在網(wǎng)頁打開梅尤,而gh-pages分支則是用于直接瀏覽源碼頁面的分支柜思。當我們寫項目的時候,需要部署一個預覽頁面巷燥,就可以采用github的gh-pages分支制作GitHub Pages赡盘。
接下來舉個例子:如何將我的電腦上“在線教育頁面作品”上傳到GitHub,并實現(xiàn)在線預覽
git安裝完成后缰揪,首先配置信息

配置用戶名:  git config --global user.name "用戶名"
配置郵箱: git config--global user.email "郵箱地址"
查看配置信息: git config --list
1.先將作品上傳到master分支上
git init //把目標文件夾變?yōu)間it工作區(qū)
git add .
git commit -m "education"

接下來創(chuàng)建education倉庫陨享,如下圖

創(chuàng)建倉庫

創(chuàng)建好倉庫后,頁面自動跳轉到如下頁面:

創(chuàng)建好倉庫后

接下來輸入以下兩行命令行:

git remote add origin https://github.com/ljianshu/education.git
git push -u origin master

輸入兩行命令行后钝腺,按提示輸入賬戶密碼抛姑,如下圖:

image.png

出現(xiàn)如下頁面,意味著文件已經(jīng)全部上傳到master分支上艳狐,此時你也可以添加一個README.md文件定硝,便于讓他人看懂你上傳文件。

成功上傳到master
2.創(chuàng)建gh-pages分支,再將作品重新上傳到該分支上
git checkout -b gh-pages
git push -u origin gh-pages
gh-pages分支

那這時候僵驰,我們看到已經(jīng)多出了一個gh-pages分支喷斋,那么作品展示地址就是Github用戶名.github.io/創(chuàng)建的倉庫名。本例子線上預覽https://ljianshu.github.io/education蒜茴。當然你也可以購買一個特色域名星爪,并且綁定在GitHub服務器上。

3.master修改后如何自動同步到gh-pages分支

每次當作品發(fā)生更改變動后粉私,要先提交到master分支然后切換到gh-pages分支又重新提交一次顽腾,顯然這個過程非常繁瑣。接下我們介紹一種方法诺核,只需提交到master分支即可抄肖,gh-pages分支無需重新提交,就可實現(xiàn)在線預覽:
打開github項目文件的根目錄窖杀,先找到.git 這個文件夾(文件夾默認是隱藏的)漓摩,然后找到config這個文件,并打開該文件入客,在文件里加入以下兩句代碼即可:

push = +refs/heads/master:refs/heads/gh-pages
push = +refs/heads/master:refs/heads/master
config

Hexo+Github搭建自己個人博客

Hexo 是一個基于 Node.js 的快速管毙、簡潔且高效的博客框架腿椎,可以方便的生成靜態(tài)網(wǎng)頁托管在github和Heroku上。Hexo 因其界面簡潔夭咬、美觀且對各類人群(不只是程序猿)友好而廣受歡迎啃炸,聲望不亞于大名鼎鼎的WordPress。
它有以下幾個特點:

  • 超快速度----Node.js 所帶來的超快生成速度卓舵,讓上百個頁面在幾秒內瞬間完成渲染南用。
  • 一鍵部署----只需一條指令即可部署到 GitHub Pages, Heroku 或其他網(wǎng)站。
  • 支持 Markdown----Hexo 支持 GitHub Flavored Markdown 的所有功能掏湾,甚至可以整合 Octopress 的大多數(shù)插件裹虫。
  • 豐富的插件----Hexo 擁有強大的插件系統(tǒng),安裝插件可以讓 Hexo 支持 Jade, CoffeeScript融击。

具體實踐操作可以查看官網(wǎng)Hexo

如果覺得文章對你有些許幫助恒界,歡迎在我的GitHub博客點贊和關注,感激不盡砚嘴!

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市涩拙,隨后出現(xiàn)的幾起案子际长,更是在濱河造成了極大的恐慌,老刑警劉巖兴泥,帶你破解...
    沈念sama閱讀 216,591評論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件工育,死亡現(xiàn)場離奇詭異,居然都是意外死亡搓彻,警方通過查閱死者的電腦和手機如绸,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,448評論 3 392
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來旭贬,“玉大人怔接,你說我怎么就攤上這事∠」欤” “怎么了扼脐?”我有些...
    開封第一講書人閱讀 162,823評論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長奋刽。 經(jīng)常有香客問我瓦侮,道長,這世上最難降的妖魔是什么佣谐? 我笑而不...
    開封第一講書人閱讀 58,204評論 1 292
  • 正文 為了忘掉前任肚吏,我火速辦了婚禮,結果婚禮上狭魂,老公的妹妹穿的比我還像新娘罚攀。我一直安慰自己党觅,他們只是感情好,可當我...
    茶點故事閱讀 67,228評論 6 388
  • 文/花漫 我一把揭開白布坞生。 她就那樣靜靜地躺著仔役,像睡著了一般。 火紅的嫁衣襯著肌膚如雪是己。 梳的紋絲不亂的頭發(fā)上又兵,一...
    開封第一講書人閱讀 51,190評論 1 299
  • 那天,我揣著相機與錄音卒废,去河邊找鬼沛厨。 笑死,一個胖子當著我的面吹牛摔认,可吹牛的內容都是我干的逆皮。 我是一名探鬼主播,決...
    沈念sama閱讀 40,078評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼参袱,長吁一口氣:“原來是場噩夢啊……” “哼电谣!你這毒婦竟也來了?” 一聲冷哼從身側響起抹蚀,我...
    開封第一講書人閱讀 38,923評論 0 274
  • 序言:老撾萬榮一對情侶失蹤剿牺,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后环壤,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體晒来,經(jīng)...
    沈念sama閱讀 45,334評論 1 310
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 37,550評論 2 333
  • 正文 我和宋清朗相戀三年郑现,在試婚紗的時候發(fā)現(xiàn)自己被綠了湃崩。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,727評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡接箫,死狀恐怖攒读,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情列牺,我是刑警寧澤整陌,帶...
    沈念sama閱讀 35,428評論 5 343
  • 正文 年R本政府宣布,位于F島的核電站瞎领,受9級特大地震影響泌辫,放射性物質發(fā)生泄漏。R本人自食惡果不足惜九默,卻給世界環(huán)境...
    茶點故事閱讀 41,022評論 3 326
  • 文/蒙蒙 一震放、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧驼修,春花似錦殿遂、人聲如沸诈铛。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,672評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽幢竹。三九已至,卻和暖如春恩静,著一層夾襖步出監(jiān)牢的瞬間焕毫,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,826評論 1 269
  • 我被黑心中介騙來泰國打工驶乾, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留邑飒,地道東北人。 一個月前我還...
    沈念sama閱讀 47,734評論 2 368
  • 正文 我出身青樓级乐,卻偏偏與公主長得像疙咸,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子风科,可洞房花燭夜當晚...
    茶點故事閱讀 44,619評論 2 354

推薦閱讀更多精彩內容