这是一篇供普通前端开发者学习，如何用github给自己做一份在线页面。以下需要预先准备好的，有些具体安装等细节这篇文章就不详细阐述了。另外，本篇使用windows系统进行解释。
1 安装了git：无论想用github，或是其他国内外的替代品，这个工具必须安装。
2 一个自己的github账号，没有的话就注册一个吧。
3 随便一个编辑器，我使用的是vscode，或webstorm。这两个都不错，其他的就算了吧。
4 本地已经有了自己的项目代码。【 这其实就是废话：）】
开始吧！
第一步：
git的特点其实是本地仓库和远程仓库进行对接，如同是长途货运的两个目的地。所以打开gitbash命令界面【cmd也可以，就是命令稍许不同】，进入到你项目对应的目录下输入：
git init
这样的话，可以看到你的目录右侧会出现 (master) 的字样。 说明你的项目已经添加到本地git仓库中了，分支名为master。
第二步：
我们先创建两个git重要的文件 .gitignore 可以将不需要上传的文件或文件夹设置进去，另一个是说明markdown文件， README.md 。示意目录如下：
第三步：
在github上新建一个远程仓库（repository），在登录后有两个地方都可以新建仓库：
第四步：
设置仓库的名称，说明等信息。 这里除了名称外，其他都可以不用选，直接创建即可，如下：
第五步：
输入命令，让两个仓库进行链接。
git status //先看看本地仓库文件的状态，效果如下：
可以看到所有文件都是红色的，不过那个被.gitignore 排除的那个文件不在。这里是说明未被添加到本地仓库的内容！然后在输入命令：
git add . //将所有红色的文件增加一个标记。 .就是所有。 效果如下：
这下子都变成绿色了，其实这里只是说明这些文件被标记准备放入仓库，但依然还在仓库外。所以还要输入库的命令：
git commit -m "提交说明内容" //提交到本地仓库，并给与一定的说明，或者输入下面命令 git commit -v //不同于上面的是，这里会打开默认的编辑器，可以看到过去提交的内容。但要记住的是，必须再次关闭编辑器才算是成功加入本地仓库
本地仓库提交完成后，就需要和远程仓库对接了，输入命令如下：
git remote add origin git@github.com:EddieJYan/ejy_portfolio.git //这是给本地仓库取了一个名字叫origin ，remote链接到， git@.... 指定的远程仓库地址 git push -u origin master //推送origin本地仓库的master分支 到远程。 设置了这句话后， 今后只需要在项目目录下输入 git push 即可。
注意： SSH秘钥可以帮助用户今后在每一次提交都不需要输入账号和密码，如何设置可以点击 githubHelp 去看。
Ok，终于完成了，让我们看看github网站中，我们上传的代码吧，如图：
第六步：
到此为止其实完成的差不多了，接下去就是我们最期待的时刻，让github为我们生成一个地址，展示我们的页面吧！ 继续上图：
这个地址就直接可以访问了，不过要注意的是该默认访问的页面是项目根目录下的index.html，如果要访问其他页面就需要输入对应的路径，路径默认同于文件夹和文件名。
最后总结一下：
1 要使用github就需要了解Git的基本用法和命令行
2 如果不擅长用gitbash控制台输入命令的话，windows用户至少还可以用cmd
3 Git的基本概念在于本地仓库和远程仓库的代码共享与互通
4 使用代码托管，至少需要绑定SSH秘钥
5 这里只能创建静态页面，而且由于是国外的服务器，所以比较慢。就因为如此，你们是为了仅在国内展示，建议也同时在国内找个github的替代品。
如果大家有其他什么意见可以留言我哦！
原文：https://www.cnblogs.com/strayhunter/p/11407840.html