【git】上传本地文件夹到远程库,并生成demo预览地址!

原创 amandakelake 随笔 框架与工具 301阅读 2017-05-06 00:24:57 举报

本文主要解决两个问题
1、快速上传整个文件夹(内含多个文件)到github上
2、生成demo预览地址,而不是只有代码!(这个很重要)

一、快速上传整个文件夹(内含多个文件)到github上
git基础操作不清楚可以移步这里学习史上最浅显易懂的git教程-脉络图

1、快速创建本地版本库
在将要上传的文件夹根目录“右键”-“Git-Bash-Here”
(比正规的三条命令快多了
$ mkdir learngit
$ cd learngit
$ pwd

【git】上传本地文件夹到远程库,并生成demo预览地址!
2、初始化仓库并且添加、提交文件
① git init(初始化)
② git add .
这个方法是一次性提交该文件夹下的所有文件,这样就不用一个个的添加了,这里空格后面是有个“.”小点点的,别忽略了
③ git commit(提交,可自行添加版本说明)

3、建立远程仓库,并且与本地仓库关联
①在github上创建仓库,并且命名跟本地文件夹的名字要一样

【git】上传本地文件夹到远程库,并生成demo预览地址!
②关联本地仓库与远程仓库
git remote add origin git@github.com:amandakelake/learnvue.git
注意github的地址要写对,改为你自己的(amandakelake是我的名字,不要关联上来),然后就是文件夹名字要写对(我这里的是learnvue)
(廖老师的文章里说到origin是默认的远程库名字,但我一直搞不懂,为何建立的远程库不叫我建立好的仓库名字(learnvue),这算是一个中间的仓库的意思吗?虽然我会用,但我现在还没搞懂这个origin的原理,希望有大神指点一下!!!)
③把本地库的所有内容推送到远程库上
git push -u origin master
因为是第一次推送,所以加上了-u
但是要注意,从第二次以后的推送直接用git push origin master,不能再加上-u,否则是报错

刷新一下可以看得github上面已经同步了,已经完成了第一步工作
但是看到的还只是一堆代码,并看不到demo预览效果

【git】上传本地文件夹到远程库,并生成demo预览地址!

二、生成demo预览地址(使用 Githubpages)
1、进入github上的仓库,找到“Settings”,点击后往下翻

【git】上传本地文件夹到远程库,并生成demo预览地址!
2、找到githubPages点击none,切换到master branch,save保存

【git】上传本地文件夹到远程库,并生成demo预览地址!

3、保存后出现了连接,比如我的链接是https://amandakelake.github.io/learnvue/

【git】上传本地文件夹到远程库,并生成demo预览地址!
然后我的demo文件是:index.html,那么在地址后加上即可
所以最后的预览地址是:https://amandakelake.github.io/learnvue/index.html

4、把链接地址添加到read.me中

【git】上传本地文件夹到远程库,并生成demo预览地址!

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复