用 git 将项目上传到 GitHub

背景

最近在刷百度前端技术学院的题目，有兴趣的朋友可以看看，然后原来只是用codepen 就可以搞得定，做到后面要写几个 css 文件换切的就要用到编辑器了，然后写完之后才发现我我忘了如何用 git 上传项目到 GitHub 了，然后就找了帖子学习了一下，然后自己也写一个帖子记录一下吧，算是笔记了，顺便补充一下在线浏览效果的方式，这在百度前端技术学院交作业的时候需要用到。

下载工具

先去 git 的官网下载对应版本的工具。

新建仓库

进入 GitHub 首页新建一个仓库

填写对应信息：

Repository name: 仓库名称

Description(可选): 仓库描述介绍

Public, Private : 仓库权限（公开共享，私有或指定合作者）

Initialize this repository with a README: 添加一个README.md

gitignore: 不需要进行版本管理的仓库类型，对应生成文件.gitignore

license: 证书类型，对应生成文件LICENSE

然后大家看到如下界面

点击 Clone or dowload 把 Clone with HTTPS 的地址 copy 一下，等下要用到；

使用 git 工具

 然后打开自己的项目目录，如果已经安装好工具了，点击右键可以看到Git GUI Here和Git Bash Here,我们选择Git Bash Here，然后输入git clone "刚才copy的地址",然后回车就可以了

这里可以看到我刚才创建的 test 仓库已经克隆到本地，现在把除了 test(自己的仓库名，我这里是test)之外的文件，也就是自己在本地的项目，复制到 test 文件夹里面，然后用命令进入到test文件夹里面。

然后依次输入以下命令：

git add .        （注：别忘记后面的 “.”，此操作是把Test文件夹下面的文件都添加进来）

git commit  -m  "提交信息"  （注：“提交信息”里面换成你需要，如“first commit”）

git push -u origin master   （注：此操作目的是把本地仓库push到github上面，此步骤需要你输入帐号和密码）

然后现在打开GitHub就可以看到你的项目已经上传成功了。

在线预览效果方法

在项目源代码页面链接前缀那加上 举个例子:
需要打开的项目页面

https://github.com/chenguocaiyx/test/blob/master/html/resume.html

给加上前缀

http://htmlpreview.github.com/?

最终链接

http://htmlpreview.github.io/?https://github.com/chenguocaiyx/test/blob/master/html/resume.html