git经常使用命令总结以及用github来展现你的前端页面

命令小结

命令	功能
git init	把当前文件夹初始化为默认的git库
git add 文件名	向git库中添加一个文件
git rm 文件名	从git库中删除一个文件
git status	查看当前库中进行的任务
git diff 文件名	add前查看工做区和暂存区的差异
git commit -m "修改内容"	把修改内容提交上去，用于区别版本
git checkout -- 文件名	在add以前把文件恢复到上次交付，在commit以前恢复到暂存区的状态
git log [--pretty=oneline]	显示这个库里都干过啥
git relog	查看命令历史，以便肯定要回到将来的哪一个版本
git reset HEAD 文件名	能够把暂存区的修改撤销掉
git reset --hard HEAD^	回退到上一个版本
git reset --hard 版本号	回退到某个版本

注意若是一个库里的不少文件是合用一个版本号的，也就是说变动版本号后，对应的全部的文件都会回退;

基本命令

git 创建库，咱们是在工做区中修改文件的,工做区能够有不少文件；
git add 能够把工做区（working tree）下修改的文件或添加的文件添加到暂时存储的区域(index file)；
git commit 作的事情是把index file中修改提交到分支里，默认的分区是master；

git diff

diff 就是difference的意思，查看不一样，根据工做区（working tree）、缓存区（index file）和版本区(master)的不一样，药效不同哦 -_-!

1. git diff 文件名：是查看working tree与index file 的差异的。也就是说修改以后add以前能够用这个看改了什么;
2. git diff -- cached：是查看index file与master的差异的。add以后，若是你忘记全部文件作的修改是什么，用这个;
3. git diff HEAD 文件名：是查看working tree和master的差异的。add以后，能够用这个看具体每一个文件改了什么;

github来展现你的前端页面

1.安装git

若是你是mac用户，那么恭喜你mac自带git命令功能，你无须安装git。若是你是windows用户，你能够前往windows地址下载并安装。

2.创建仓库

在你的github主页，咱们能够点击右上角的加号按钮下的“New repository”来新建一个项目仓库，如图所示：

点击以后咱们给仓库取一个名字并进行相应的描述和配置后点击“Create repository”就ok了。

3.上传代码

仓库创建完毕后，这时候就须要用咱们以前安装的git命令来将本地的代码推送到github上了。若是你仅为了展现本身的前端页面，那么只要掌握以下命令便可（不熟悉git命令的能够参考git - 简易指南）：

（1）打开你的目录

个人在D盘下面有一个文件夹名：testhtml

命令如图所示：

cd testhtml

（2）初始化版本库，用于生成.git文件

git init

（3）将全部文件添加到缓存区

git add *

（4）提交当前工做空间的修改内容

git commit -m "first commit"

如图所示：

（5）将仓库链接到远程服务器

git remote add origin <server>

其中server地址在github上建立仓库后能够找到，以下：

（6）将改动推送到所添加的服务器上

git push -u origin master

4.建立gh-pages分支

以前的工做只是将咱们的代码发布到了github上demo仓库的master分支上，固然你也能够不发布，而咱们的展现页面代码必须发布到名为“gh-pages”的分支上。方法很简单，咱们只须要在github的demo项目页面手动建立gh-pages分支便可。如图：

输入gh-pages后建立便可，这样的方式会直接拷贝master分支的全部文件到gh-pages分支，而你也能够用命令行的形式建立并从新上传一份新的代码：

（1）新建并切换到gh-pages分支

git checkout --orphan gh-pages

（2）以后的操做和以前同样，只是push的时候是gh-pages

git add *
git commit -m "update"
git push -u origin gh-pages

如此，咱们的demo项目就多了一个gh-pages分支，里面的代码文件就能够用来展现页面了。

5.访问页面

建立并上传文件至gh-pages以后，咱们就能够访问以下url来查看本身的demo了：

http://(user_name|org_name).github.io/repo_name

这儿地址为：https://hxlmqtily1314.github.io/showdemo/

页面结果以下：

这样咱们便实现了利用github来展现前端静态页面的目标。

注：如今github有一种更加简便的方式来实现上述功能，将代码上传至仓库后在settings里配置下GitHub Pages为你想展现的分支就好了。

如图所示设置：

参考地址

git使用简易指南

Git 命令使用心得

Git使用详细教程