Git操作实用技巧(重点介绍如何在线预览 GitHub 项目)

本文框架图

Git是什么,它与Github什么关系

Git是一款免费、开源的分布式源代码管理工具。
Github是用Git做版本控制的代码托管平台。

Git常用命令

Git常用命令

一般来说,Git命令日常使用只要记住上图6个命令,就可以了。但是熟练使用,恐怕要记住60~100个命令。接下来归纳了一些常用的命令:
把普通目录变为git工作区
git init **添加当前目录的所有文件到暂存区** git add .
提交暂存区到仓库区
git commit -m “XXX” **恢复暂存区的指定文件到工作区** git checkout [file] checkout命令用于从历史提交(或者暂存区域)中拷贝文件到工作目录,也可用于切换分支。 **上传本地指定分支到远程仓库(master分支)** git push origin master
取回远程仓库的变化,并与本地分支合并
git pull [remote] [branch] **列出所有本地分支** git branch
新建一个分支,但依然停留在当前分支
git branch [branch-name]//比如git branch dev创建“dev"分支 **新建一个分支,并切换到该分支** git checkout -b [branch] //比如git checkout -b dev切换到“dev"分支
合并指定分支到当前分支
$ git merge [branch]

如何进行多人协作(分支创建与合并)

什么是分支?

分支是为了将修改记录的整体流程分叉保存。分叉后的分支不受其他分支的影响,所以在同一个数据库里可以同时进行多个修改。

为什么要创建分支?

为了不受其他开发人员的影响,您可以在主分支上建立自己专用的分支。完成工作后,将自己分支上的修改合并到主分支。常常适用于当前开发的项目新增功能时,代码还未写完或者出现bug未调试好,这时创建分支将有效提高工作效率。因为每一次提交的历史记录都会在创建分支保存,所以当发生问题时,定位和修改造成问题的提交就容易多了。

如何创建分支以及合并分支?
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//重新提交到远程仓库
分支创建与合并

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

master分支仅是浏览代码,而无法将页面直接在网页打开,而gh-pages分支则是用于直接浏览源码页面的分支。当我们写项目的时候,需要部署一个预览页面,就可以采用github的gh-pages分支制作GitHub Pages。
接下来举个例子:如何将我的电脑上“在线教育页面作品”上传到GitHub,并实现在线预览
git安装完成后,首先配置信息

配置用户名:  git config --global user.name "用户名"
配置邮箱: git config--global user.email "邮箱地址"
查看配置信息: git config --list
1.先将作品上传到master分支上
git init //把目标文件夹变为git工作区
git add .
git commit -m "education"

接下来创建education仓库,如下图

创建仓库

创建好仓库后,页面自动跳转到如下页面:

创建好仓库后

接下来输入以下两行命令行:

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

输入两行命令行后,按提示输入账户密码,如下图:

image.png

出现如下页面,意味着文件已经全部上传到master分支上,此时你也可以添加一个README.md文件,便于让他人看懂你上传文件。

成功上传到master
2.创建gh-pages分支,再将作品重新上传到该分支上
git checkout -b gh-pages
git push -u origin gh-pages
gh-pages分支

那这时候,我们看到已经多出了一个gh-pages分支,那么作品展示地址就是Github用户名.github.io/创建的仓库名。本例子线上预览https://ljianshu.github.io/education。当然你也可以购买一个特色域名,并且绑定在GitHub服务器上。

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

每次当作品发生更改变动后,要先提交到master分支然后切换到gh-pages分支又重新提交一次,显然这个过程非常繁琐。接下我们介绍一种方法,只需提交到master分支即可,gh-pages分支无需重新提交,就可实现在线预览:
打开github项目文件的根目录,先找到.git 这个文件夹(文件夹默认是隐藏的),然后找到config这个文件,并打开该文件,在文件里加入以下两句代码即可:

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

Hexo+Github搭建自己个人博客

Hexo 是一个基于 Node.js 的快速、简洁且高效的博客框架,可以方便的生成静态网页托管在github和Heroku上。Hexo 因其界面简洁、美观且对各类人群(不只是程序猿)友好而广受欢迎,声望不亚于大名鼎鼎的WordPress。
它有以下几个特点:

  • 超快速度----Node.js 所带来的超快生成速度,让上百个页面在几秒内瞬间完成渲染。
  • 一键部署----只需一条指令即可部署到 GitHub Pages, Heroku 或其他网站。
  • 支持 Markdown----Hexo 支持 GitHub Flavored Markdown 的所有功能,甚至可以整合 Octopress 的大多数插件。
  • 丰富的插件----Hexo 拥有强大的插件系统,安装插件可以让 Hexo 支持 Jade, CoffeeScript。

具体实践操作可以查看官网Hexo

如果觉得文章对你有些许帮助,欢迎在我的GitHub博客点赞和关注,感激不尽!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,214评论 6 481
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,307评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 152,543评论 0 341
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,221评论 1 279
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,224评论 5 371
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,007评论 1 284
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,313评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,956评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,441评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,925评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,018评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,685评论 4 322
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,234评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,240评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,464评论 1 261
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,467评论 2 352
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,762评论 2 345

推荐阅读更多精彩内容