GitHub创建项目并添加协作者@郝晨光

前言

图解如何创建github仓库,以及在github仓库中加入协作者。


新建仓库

  1. 首先要注册一个github账号,本文默认你已经拥有一个账号。
  2. 新建一个仓库,点击左上角的加号,并且选择 New repository 选项


    GitHub创建项目并添加协作者@郝晨光_第1张图片
    创建GitHub仓库1
  3. 填写仓库信息,默认只需要填写仓库(项目)名称即可


    GitHub创建项目并添加协作者@郝晨光_第2张图片
    创建GitHub仓库2
  4. 填写成功后点击 Create repository 按钮进行创建项目。
  5. 创建成功后可以看到如下图所示的页面。


    GitHub创建项目并添加协作者@郝晨光_第3张图片
    创建GitHub仓库3
  6. 本文默认使用第一种情况,一起新建一个项目。
  7. 在你的本地新建一个项目,或者在一个本地已经存在的,但是没有提交到GitHub的项目。
  8. 在项目目录下右键选择 Git Bash Here
  9. 没有这个选项的请安装git命令符。
  10. 打开之后,在命令行输入 git init;
  11. 接着,如果项目下有文件的话可以直接看第13步,没有文件请看第12步。
  12. 在项目下新建一个文件,txt、html、md都可以。
  13. 在命令行执行 git add .;
  14. 接着执行 git commit -m "init store";
  15. 重点:执行 git remote add origin 项目git地址根据实际情况将项目git地址替换成你的地址。
  16. 最后执行git push origin master;将项目提交到线上。
  17. 再次刷新页面,可以看到你的项目已经成功的提交到了线上。

添加SSH公钥

我们一般都需要给自己添加一个SSH公钥,先说一下添加SSH公钥的方法吧。

  1. 点击头像,然后选择 setting 选项


    GitHub创建项目并添加协作者@郝晨光_第4张图片
    添加SSH公钥1
  2. 在新的页面左侧选择 SSH and GPG keys选项


    GitHub创建项目并添加协作者@郝晨光_第5张图片
    添加SSH公钥2
  3. 点击SSH keys右侧的 New SSH keys 添加一个新的SSH key。


    添加SSH公钥3
  4. 接着,我们需要打开本地的git命令符;
  5. 在本地的git命令符输入 cd ~/.ssh命令,进入.ssh目录
  6. 接着输入ssh-keygen -t rsa -C "你的账号名或者邮箱",一路回车即可;
  7. 然后输入cat id_rsa.pub,就可以看到生成了一长串的公钥。
    GitHub创建项目并添加协作者@郝晨光_第6张图片
    添加SSH公钥4
  8. 把这一长串公钥复制,并粘贴到我们刚刚打开的页面上的key文本域中,并给它填写一个Title;
  9. 然后点击Add SSH Keys,添加成功。

在项目中添加协作者

  1. 进入项目的仓库页面;
  2. 点击右边的Settings按钮,进入设置页面;


    项目协作者1
  3. 然后点击左边的Collaborators按钮,进入添加协作者;


    GitHub创建项目并添加协作者@郝晨光_第7张图片
    项目协作者2
  4. 在下边的文本框中,搜索你要添加的协作者的用户名称或者邮箱;
  5. 选择你要添加的协作者,并点击右侧的 Add Collaborators按钮,将协作者添加;
  6. 然后需要你的协作者在邮箱或者在github中同意加入你的项目。
  7. 协作者同意以后,需要给协作者配置一下他的公钥,保证你们都可以修改和推送这个项目。
  8. 接着我们给协作者添加公钥,先点击左侧菜单的 Deploy keys选项,然后选择右侧的 Add deploy key 按钮。


    GitHub创建项目并添加协作者@郝晨光_第8张图片
    项目协作者3
  9. 接着就是我们熟悉的添加公钥的界面;需要注意的是下边的单选按钮一定要选中,这样你的协作者才可以正确的推送和修改当前的项目。


    GitHub创建项目并添加协作者@郝晨光_第9张图片
    项目协作者4
  10. 你需要的就是让你的协作者把他的公钥给你就可以了。
  11. 那怎么样查看自己的公钥呢?
  12. 只需要先进入cd ~/.ssh ssh目录;
  13. 输入cat id_rsa.pub指令,就可以获取到SSH key了。
  14. 然后你就可以将协作者正确的添加到你的项目中了!一起愉快(tong ku)的开发你们的项目吧!



如果本文对您有帮助,可以看看本人的其他文章:
TypeScript入门学习@郝晨光
简单实现Vue响应式原理@郝晨光
前端常见面试题(十六)@郝晨光

结言
感谢您的查阅,本文由郝晨光整理并总结,代码冗余或者有错误的地方望不吝赐教;菜鸟一枚,请多关照

你可能感兴趣的:(GitHub创建项目并添加协作者@郝晨光)