命令 | 功能 |
---|---|
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;
diff 就是 difference 的意思,查看不同,根据工作区(working tree)、缓存区(index file)和版本区 (master) 的不同,药效不一样哦 -_-!
如果你是 mac 用户,那么恭喜你 mac 自带 git 命令功能,你无须安装 git。如果你是 windows 用户,你可以前往下载并安装。
在你的 github 主页,我们可以点击右上角的加号按钮下的 "New repository" 来新建一个项目仓库,如图所示:
点击之后我们给仓库取一个名字并进行相应的描述和配置后点击 "Create repository" 就 ok 了。
仓库建立完毕后,这时候就需要用我们之前安装的 git 命令来将本地的代码推送到 github 上了。如果你仅为了展示自己的前端页面,那么只要掌握如下命令即可(不熟悉 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
之前的工作只是将我们的代码发布到了 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 分支,里面的代码文件就可以用来展示页面了。
创建并上传文件至 gh-pages 之后,我们就可以访问如下 url 来查看自己的 demo 了:
- http: //(user_name|org_name).github.io/repo_name
这儿地址为:
页面结果如下:
这样我们便实现了利用 github 来展示前端静态页面的目标。
注:现在 github 有一种更加简便的方式来实现上述功能,将代码上传至仓库后在 settings 里配置下 GitHub Pages 为你想展示的分支就行了。
如图所示设置:
来源: http://www.bubuko.com/infodetail-1955148.html