使用webstom或者idea上传代码到github或coding

超、凢脫俗 2022-07-15 20:28 72阅读 0赞

鉴于github网络速度太慢，建议用coding。先介绍github上传方式，因为webstom或idea集成了github，方法简单。

git是一个版本控制器，他的作用是管理代码。比如你修改了代码，然后想要回退到昨天那时的代码，你总不能一个个改回去吧，使用git就可以回退过去。当然，git作用肯定不仅仅是回退，这只是个比方，git很强大的作用是team合作。下面讲述的就是其中一种，将代码上传到一个远程的git仓库中，然后你可以在别的地方下载和修改等等。github和coding都是git的远程仓库。

# 1.项目编写 #

## 1.1什么是项目 ##

你想上传代码肯定必须先有一个project（项目），你可能分不清项目的概念。项目可以物理的理解为一个文件夹，而这个文件夹下是你的代码。对于web项目，由于都是html页面，项目的说法不好定，但通常将index.html的parent文件夹当做一个项目主体。因此e:\\template1\\template2\\...这个路径，template2下都是html代码，那么template2就是一个静态web项目，template2就是一个根目录。

# 2.用webstom打开你的项目 #

用webstom打开你的项目的根目录。如下图：

![686418-20160413134110082-839381994.png][]

点击File>open,然后找到项目根目录：

![686418-20160413135258926-2007261084.png][]

最后变成这样：

![686418-20160413135517535-2019864836.png][]

## 2.1添加gitignore文件 ##

webstom默认没有安装gitignore插件，需要去插件库安装。这里不介绍了。

在项目根目录template目录上右键-》new-

![686418-20160413135948301-1952351157.png][]

点击.gitignore，然后：在输入框输入jet

![686418-20160413140117957-880692925.png][]

选中打钩

![686418-20160413140205926-1034213681.png][]

在新建的.gitignore文件中添加一行：.idea

![686418-20160413140458941-986177213.png][]

## 2.2分享至github ##

点击导航栏的VCS->import into version control->share project on github

![686418-20160413141112535-1912528967.png][]

输入项目描述，点击share：

![686418-20160413141218363-786699144.png][]

在弹出框中选中ok：

![686418-20160413141315973-2117157494.png][]

这样就好了，打开github.com就可以发现你上传的项目了。

![686418-20160413141448379-2127160059.png][]

# 3.生成github静态博客 #

## 3.1创建分支gh-pages ##

1.z在template目录上右键-》git->Repository->Branches..

![686418-20160413142500332-1376420013.png][]

2.点击Branches..

3.点击new branch

![686418-20160413142731348-277387698.png][]

4.输入gh-pages，ok

![686418-20160413142817035-828740304.png][]

## 3.2推送到github ##

1.快捷键ctrl+shift+k,或者在template目录上右键-》git->Repository->push

![686418-20160413143122113-150669871.png][]

2.在弹出的对话框中是这样的：

![686418-20160413143217676-1844037863.png][]

注意分支的名字叫做gh-pages

# 4.打开页面 #

打开github.com

打开项目template

查看是否多了一个gh-pages的分支：

![686418-20160413143511441-1852643378.png][]

2.点击右上角setting

![686418-20160413143551395-265411418.png][]

3.下拉到page，可以看到如下，点击链接即可：

![686418-20160413143715988-83072319.png][]

4.结果：

![686418-20160413143804691-260628875.png][]

# 5.如果没有成功 #

这里就要说一下条件。

*  首先你是安装好git的
 *  [你的git生成sshkey后放入github里了][git_sshkey_github]
 *  [你的github中已经创建了一个和你github用户名相同的项目][github_github]

[686418-20160413134110082-839381994.png]: /images/20220716/a6b3033baa9e419c868f222ef0961b78.png
[686418-20160413135258926-2007261084.png]: /images/20220716/7328dc67351e4955b934367127713ed8.png
[686418-20160413135517535-2019864836.png]: /images/20220716/76bb404339b24053a18be886d568a72a.png
[686418-20160413135948301-1952351157.png]: /images/20220716/66b0441d994b4a34bdafc9b4e1ae8622.png
[686418-20160413140117957-880692925.png]: /images/20220716/c058dff2f851435ba594355e0d952f68.png
[686418-20160413140205926-1034213681.png]: /images/20220716/282467b99fbd4f6c8c4c5c36e210a229.png
[686418-20160413140458941-986177213.png]: /images/20220716/c514f43df3034b4a85f8587b198f0e42.png
[686418-20160413141112535-1912528967.png]: /images/20220716/6b5cf84175d84631af8ebea259fdb5f6.png
[686418-20160413141218363-786699144.png]: /images/20220716/359999a90a224a38821f258ee84c4326.png
[686418-20160413141315973-2117157494.png]: /images/20220716/d7f956a00bb247fcbd5fbaadfce035d5.png
[686418-20160413141448379-2127160059.png]: /images/20220716/23ed9b1799b74d42afc6d47a844ef350.png
[686418-20160413142500332-1376420013.png]: /images/20220716/d551c15ce82546a19385a3c5860a0e90.png
[686418-20160413142731348-277387698.png]: /images/20220716/b108b1ff57d9457aa3ef8166c464cc98.png
[686418-20160413142817035-828740304.png]: /images/20220716/de1dac306c034a5b97507e2590f32147.png
[686418-20160413143122113-150669871.png]: /images/20220716/cc1965cac9c045dc8feecffdac571d2f.png
[686418-20160413143217676-1844037863.png]: /images/20220716/76f69fe9ed9a46c9bbef737bce824385.png
[686418-20160413143511441-1852643378.png]: /images/20220716/00002f2798174a72a95f5ef7c1edb3bb.png
[686418-20160413143551395-265411418.png]: /images/20220716/caf53a0068584337b4445e627ab99e2d.png
[686418-20160413143715988-83072319.png]: /images/20220716/47192510f5294b0181869446e703639e.png
[686418-20160413143804691-260628875.png]: /images/20220716/d79a0f5a5302421785f0df7557498166.png
[git_sshkey_github]: http://www.cnblogs.com/woshimrf/p/5329205.html
[github_github]: http://www.cnblogs.com/woshimrf/p/5387158.html