服务器之家:专注于VPS、云服务器配置技术及软件下载分享
分类导航

PHP教程|ASP.NET教程|Java教程|ASP教程|编程技术|正则表达式|C/C++|IOS|C#|Swift|Android|VB|R语言|JavaScript|易语言|vb.net|

服务器之家 - 编程语言 - 编程技术 - 详解如何将本地项目上传到Github的方法步骤(图文)

详解如何将本地项目上传到Github的方法步骤(图文)

2020-08-18 14:55gyb_fighting 编程技术

这篇文章主要介绍了详解如何将本地项目上传到Github的方法步骤(图文),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

很早之前就注册了github,但对其使用一直懵懵懂懂,很不熟练。直到昨天做完百度前端技术学院的task,想把代码托管到github上的时候发现自己对于git的操作是如此之愚钝,所以今天决定把git好好学习一遍,好让自己以后能更好地使用github,主要还是通过git教程 - 廖雪峰的官方网站来学习。简要步骤可以直接看最后的总结。

git的安装就不说了。

第一步:我们需要先创建一个本地的版本库(其实也就是一个文件夹)。

你可以直接右击新建文件夹,也可以右击打开git bash命令行窗口通过命令来创建。

现在我通过命令行在桌面新建一个test文件夹(你也可以在其他任何地方创建这个文件夹),并且进入这个文件夹

 详解如何将本地项目上传到Github的方法步骤(图文)                                  

详解如何将本地项目上传到Github的方法步骤(图文)

第二步:通过命令git init把这个文件夹变成git可管理的仓库

详解如何将本地项目上传到Github的方法步骤(图文)

这时你会发现test里面多了个.git文件夹,它是git用来跟踪和管理版本库的。如果你看不到,是因为它默认是隐藏文件,那你就需要设置一下让隐藏文件可见。

详解如何将本地项目上传到Github的方法步骤(图文)

第三步:这时候你就可以把你的项目粘贴到这个本地git仓库里面(粘贴后你可以通过git status来查看你当前的状态),然后通过git add把项目添加到仓库(或git add .把该目录下的所有文件添加到仓库,注意点是用空格隔开的)。在这个过程中你其实可以一直使用git status来查看你当前的状态。

详解如何将本地项目上传到Github的方法步骤(图文)

详解如何将本地项目上传到Github的方法步骤(图文)

这里提示你虽然把项目粘贴过来了,但还没有add到git仓库上,然后我们通过git add .把刚才复制过来的项目全部添加到仓库上。

详解如何将本地项目上传到Github的方法步骤(图文)

详解如何将本地项目上传到Github的方法步骤(图文)

第四步:用git commit把项目提交到仓库。

详解如何将本地项目上传到Github的方法步骤(图文)

-m后面引号里面是本次提交的注释内容,这个可以不写,但最好写上,不然会报错,详情自行google。 好了,我们本地git仓库这边的工作做完了,下面就到了连接远程仓库(也就是连接github)

由于本地git仓库和github仓库之间的传输是通过ssh加密的,所以连接时需要设置一下:

第五步:创建ssh key。先看一下你c盘用户目录下有没有.ssh目录,有的话看下里面有没有id_rsa和id_rsa.pub这两个文件,有就跳到下一步,没有就通过下面命令创建

?
1
$ ssh-keygen -t rsa -c youremail@example.com

然后一路回车。这时你就会在用户下的.ssh目录里找到id_rsa和id_rsa.pub这两个文件   

详解如何将本地项目上传到Github的方法步骤(图文)

第六步:登录github,找到右上角的图标,打开点进里面的settings,再选中里面的ssh and gpg keys,点击右上角的new ssh key,然后title里面随便填,再把刚才id_rsa.pub里面的内容复制到title下面的key内容框里面,最后点击add ssh key,这样就完成了ssh key的加密。具体步骤也可看下面:

详解如何将本地项目上传到Github的方法步骤(图文)

详解如何将本地项目上传到Github的方法步骤(图文)

详解如何将本地项目上传到Github的方法步骤(图文)

详解如何将本地项目上传到Github的方法步骤(图文)

第七步:在github上创建一个git仓库。

你可以直接点new repository来创建,比如我创建了一个test2的仓库(因为我里面已经有了一个test的仓库,所以不能再创建test仓库)。

详解如何将本地项目上传到Github的方法步骤(图文)

第八步:在github上创建好git仓库之后我们就可以和本地仓库进行关联了,根据创建好的git仓库页面的提示,可以在本地test仓库的命令行输入:

?
1
$ git remote add origin https://github.com/guyibang/test2.git

详解如何将本地项目上传到Github的方法步骤(图文)

注意origin后面加的是你github上创建好的仓库的地址。

详解如何将本地项目上传到Github的方法步骤(图文)

第九步:关联好之后我们就可以把本地库的所有内容推送到远程仓库(也就是github)上了,通过:

?
1
$ git push -u origin master

由于新建的远程仓库是空的,所以要加上-u这个参数,等远程仓库里面有了内容之后,下次再从本地库上传内容的时候只需下面这样就可以了:

?
1
$ git push origin master

上传项目的过程可能需要等一段时间,完成之后是这样的:

详解如何将本地项目上传到Github的方法步骤(图文)

这时候你再重新刷新你的github页面进入刚才新建的那个仓库里面就会发现项目已经成功上传了:

详解如何将本地项目上传到Github的方法步骤(图文)

至此就完成了将本地项目上传到github的整个过程。

另外,这里有个坑需要注意一下,就是在上面第七步创建远程仓库的时候,如果你勾选了initialize this repository with a readme(就是创建仓库的时候自动给你创建一个readme文件),那么到了第九步你将本地仓库内容推送到远程仓库的时候就会报一个failed to push some refs to  https://github.com/guyibang/test2.git的错。

详解如何将本地项目上传到Github的方法步骤(图文)

这是由于你新创建的那个仓库里面的readme文件不在本地仓库目录中,这时我们可以通过以下命令先将内容合并以下:

?
1
$ git pull --rebase origin master

详解如何将本地项目上传到Github的方法步骤(图文)

这时你再push就能成功了。

总结:其实只需要进行下面几步就能把本地项目上传到github

1、在本地创建一个版本库(即文件夹),通过git init把它变成git仓库;

2、把项目复制到这个文件夹里面,再通过git add .把项目添加到仓库;

3、再通过git commit -m "注释内容"把项目提交到仓库;

4、在github上设置好ssh密钥后,新建一个远程仓库,通过git remote add origin https://github.com/guyibang/test2.git将本地仓库和远程仓库进行关联;

5、最后通过git push -u origin master把本地仓库的项目推送到远程仓库(也就是github)上;(若新建远程仓库的时候自动创建了readme文件会报错,解决办法看上面)。

这里只是总结了git上传项目的一些基本操作,要想更好地使用git还需更进一步的学习。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持服务器之家。

原文链接:https://blog.csdn.net/zamamiro/article/details/70172900

延伸 · 阅读

精彩推荐
  • 编程技术2021年值得关注的React PDF 库

    2021年值得关注的React PDF 库

    今天,许多网络应用程序为其用户提供内置的PDF浏览选项。然而,选择一个并不容易,因为它们的功能远远超过显示PDF。在这篇文章中,我将评估5个React的...

    TianTianUp5222021-06-21
  • 编程技术Delphi - Indy idMessage和idSMTP实现邮件的发送

    Delphi - Indy idMessage和idSMTP实现邮件的发送

    这篇文章主要介绍了Delphi - Indy idMessage和idSMTP实现邮件的发送,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下...

    JJ_JeremyWu6592020-09-22
  • 编程技术用户态 Tcpdump 如何实现抓到内核网络包的?

    用户态 Tcpdump 如何实现抓到内核网络包的?

    在网络包的发送和接收过程中,绝大部分的工作都是在内核态完成的。那么问题来了,我们常用的运行在用户态的程序 tcpdump 是那如何实现抓到内核态的包...

    开发内功修炼11612021-09-08
  • 编程技术让开发效率倍增的 VS Code 插件

    让开发效率倍增的 VS Code 插件

    今天来分享一些提升开发效率的实用 VS Code 插件!Better Comments 扩展可以帮助我们在代码中创建更人性化的注释,有不同形式和颜色的注释供我们选择。 ...

    前端充电宝7132022-04-21
  • 编程技术AIOps,SRE工程师手中的利器

    AIOps,SRE工程师手中的利器

    AIOps开始成为一种极为重要的站点可靠性工程工具。它能够高效吸纳观察数据、参与数据以及来自第三方工具的数据,判断系统运行状态并保证其处于最佳...

    至顶网5962021-03-08
  • 编程技术从Context源码实现谈React性能优化

    从Context源码实现谈React性能优化

    这篇文章主要介绍Context的实现原理,源码层面掌握React组件的render时机,从而写出高性能的React组件,源码层面了解shouldComponentUpdate、React.memo、PureComponen...

    魔术师卡颂5312020-12-20
  • 编程技术简单、好懂的Svelte实现原理

    简单、好懂的Svelte实现原理

    本文会围绕一张流程图和两个Demo讲解,正确的食用方式是用电脑打开本文,跟着流程图、Demo一边看、一边敲、一边学...

    魔术师卡颂4822021-11-10
  • 编程技术真正聪明的程序员,总有办法不加班

    真正聪明的程序员,总有办法不加班

    工作效率提升了,就可以少加班了,聪明的程序员,总会有一堆可以提升编码效率的工具?当一种工具满足不了工作需求,就去探索新的,今天纬小创就给...

    今日头条12482021-03-04