Mac 向Github提交项目(结合图形化工具,更简单)

-----------------注：$后的代码表示终端执行指令。

此文章主要通过终端创建SSH key，通过SourceTree上传代码，适合愿意向Github贡献自己代码的Coder，上传项目示例Gif图方法也有提到，不足或者有问题的地方希望不吝提出，一起向前，感谢！。

第一步：终端查看git是否已安装
$git --version (请先行安装git 这里不做赘述,版本无需一致)

git_version.png

第二步：创建SSH
$cd ~/.ssh

若出现： -bash: cd: /Users/glamor/.ssh: No such file or directory，说明之前没有用过
执行 $ssh-keygen -t rsa -C Github注册邮箱

然后一直回车，遇到Overwrite(y/n)?,输入y，一直回车，最后得到输出：

keygen.png

第三步：在Github上设置公钥
先拷贝公钥： $pbcopy < ~/.ssh/id_rsa.pub
再创建SSH Keys

SSH-key.png

-> 点击SSH and GPG keys(左侧栏) -> New SSH key(右上角) -> 填写Title(自定义SSH key的名称) Key填写复制的公钥 -> Add SSH key(创建成功后在SSH and GPG keys可以查看)

第四步：测试是否连接成功
$ssh -T git@github.com

verify.png

第五步：Github创建仓库

new-repository.png

create.png

Create repository 后可在你的仓库中查到

yours.png

点击Your repositories -> 点击刚创建的项目进入项目页面

第六步：利用Sourcetree上传项目

new.png

复制项目的仓库地址 -> 新建(如图) -> 从URL克隆 -> 复制仓库地址到源URL(第二行可自定义项目的下载路径) -> 克隆结束得到一个空的项目目录 -> 将已有的项目添加到此目录即可在Sourcetree提交文件推送到Github仓库

至此，项目提交到Github工程已完成，恭喜你大功告成......

如果你以为这样就结束了，那就太年轻了(不过年轻还是真让人开心的)，对于Github常客来说，大家最有好感的莫过于注解清晰，并且有Gif动动动动动图示例的项目了，一眼就能get到重点，一种心之所向，一见钟情的感觉，接下来就手把手的骚操作一下，上传示例动图。
1.Mac直接用QuickTime Player录屏，屏幕前疯狂操作一波你的项目，秀出你的功能.（文件 -> 新建屏幕录制）。
2.进入 https://ezgif.com/video-to-gif，选择文件 -> 录制的视频 -> Upload video！-> Convert to GIF!
然后：

save.png

3.编辑Readme文件,添加Gif动图
首先将Gif图添加到项目中并上传到Github，然后编辑Readme文件

readme.png

在Edit new file框里添加以下代码 (前提是Gif图已添加到项目并已提交到Github仓库中)
这其中同样可以添加中文注解

![image](Gif图在项目中的路径)
//示例：![image](https://github.com/Who-Tan/DragView/blob/master/DragView/icon/dragDemo.gif)

再点击 Commit new file就完成啦，现在就可以成功在项目页查看示例Gif图了。

最后编辑于：2019.05.29 12:02:05