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

时间:2023-12-20 15:22:56

鉴于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打开你的项目的根目录。如下图:

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

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

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

最后变成这样:

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

2.1添加gitignore文件

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

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

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

点击.gitignore,然后:在输入框输入jet

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

选中打钩

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

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

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

2.2分享至github

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

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

输入项目描述,点击share:

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

在弹出框中选中ok:

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

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

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

3.生成github静态博客

3.1创建分支gh-pages

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

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

2.点击Branches..

3.点击new branch

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

4.输入gh-pages,ok

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

3.2推送到github

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

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

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

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

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

4.打开页面

打开github.com

打开项目template

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

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

2.点击右上角setting

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

3.下拉到page,可以看到如下,点击链接即可:

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

4.结果:

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

5.如果没有成功

这里就要说一下条件。