Git入门&Web前端初窥—利用IDEA上传项目至Github

一、Git、GitHub相关

（一）Git 基本概念和操作

1.Git的基本概念

Git 是一个开源的分布式版本控制系统，用于敏捷高效地处理任何或小或大的项目。
Git 是 Linus Torvalds 为了帮助管理 Linux 内核开发而开发的一个开放源码的版本控制软件。
Git 与常用的版本控制工具 CVS, Subversion 等不同，它采用了分布式版本库的方式，不必服务器端软件支持。

Git 与 SVN 区别点：

• Git 是分布式的，SVN 不是：这是 Git 和其它非分布式的版本控制系统，例如 SVN，CVS 等，最核心的区别。
• Git 把内容按元数据方式存储，而 SVN 是按文件：所有的资源控制系统都是把文件的元信息隐藏在一个类似 .svn、.cvs 等的文件夹里。
• Git 分支和 SVN 的分支不同：分支在 SVN 中一点都不特别，其实它就是版本库中的另外一个目录。
• Git 没有一个全局的版本号，而 SVN 有：目前为止这是跟 SVN 相比 Git 缺少的最大的一个特征。
• Git 的内容完整性要优于 SVN：Git 的内容存储使用的是 SHA-1 哈希算法。这能确保代码内容的完整性，确保在遇到磁盘故障和网络问题时降低对版本库的破坏。

2.Git的基本操作
Git 的工作就是创建和保存你项目的快照及与之后的快照进行对比。
Git 常用的是以下 6 个命令：git clone、git push、git add、git commit、git checkout、git pull。

• workspace：工作区
• staging area：暂存区/缓存区
• local repository：版本库或本地仓库
• remote repository：远程仓库

（1）创建仓库命令

命令	说明
git init	初始化仓库。
git clone	拷贝一份远程仓库，也就是下载一个项目。

（2）提交与修改

命令	说明
git add	添加文件到仓库。
git status	查看仓库当前的状态，显示有变更的文件。
git diff	比较文件的不同，即暂存区和工作区的差异。
git commit	提交暂存区到本地仓库。
git reset	回退版本。
git rm	删除工作区文件。
git mv	移动或重命名工作区文件。

（3）提交日志

命令	说明
git log	查看历史提交记录。
git blame	以列表形式查看指定文件的历史修改记录。

（4）远程操作

命令	说明
git remote	远程仓库操作。
git fetch	从远程获取代码库。
git pull	下载远程代码并合并。
git push	上传远程代码并合并。

3.Git的下载安装和配置
（1）下载
在使用Git前我们需要先安装 Git。Git 目前支持 Linux/Unix、Solaris、Mac和 Windows 平台上运行。Git 各平台安装包下载地址为：http://git-scm.com/downloads。

在 Windows 平台上安装 Git ，有个叫做 msysGit 的项目提供了安装包，可以到 GitHub 的页面上下载 exe 安装文件并运行。安装包下载地址：https://gitforwindows.org/。

官网慢，可以用国内的镜像：https://npm.taobao.org/mirrors/git-for-windows/。

（2）安装
双击刚刚下载的安装包。

Next。

选择安装路径，Next。

选择安装组件，Next。

选择开始的菜单文件夹，Next。

安装完成后如下所示：

选择Git默认编辑器，默认为vim,Next。

决定初始化新项目（仓库）的主干名字，Next。

第一种是让 Git 自己选择，名字是 master ，但是未来也有可能会改为其他名字；第二种是我们自行决定，默认是 main，当然，你也可以改为其他的名字。一般默认第一种。

调整path环境变量。

第一种是仅从 Git Bash 使用 Git。这个的意思就是你只能通过 Git 安装后的 Git Bash 来使用 Git ，其他的什么命令提示符啊等第三方软件都不行。
第二种是从命令行以及第三方软件进行 Git。这个就是在第一种基础上进行第三方支持，你将能够从 Git Bash，命令提示符(cmd) 和 Windows PowerShell 以及可以从 Windows 系统环境变量中寻找 Git 的任何第三方软件中使用 Git。推荐使用这个。
第三种是从命令提示符使用 Git 和可选的 Unix 工具。选择这种将覆盖 Windows 工具，如 “ find 和 sort ”。只有在了解其含义后才使用此选项。一句话，适合比较懂的人折腾。

选择HTTPS后端传输，Next。

后面一直一直一直Next···最后Install进行安装，等待完成，Finish。

打开git bash，输入以下命令设置git的全局用户名的邮箱：

git config --global user.name "name"
git config --global user.email "your email"

（二）在GitHub网站上创建自己的账号

github官网：https://github.com/
我之前已经注册过啦，详细教程可参照：https://blog.csdn.net/weixin_45738527/article/details/105146064

二、利用IDEA在本机建立git仓库，上传项目到GitHub

（一）IDEA连接GitHub

1.IDEA设置Git。
打开IDEA，点击File->Setting->Version Control->Git->Path to Git executable，选择Git的安装目录，然后点击Test。


2.IDEA添加GitHub账号。
点击头像->Settings->Developer settings。

选择Personal access tokens->Generate new token。

如图。

点击Generate token。

复制获得的token码。

打开IDEA，点击File->Setting->Version Control->GitHub->Add account,输入自己的账号点击Enter token。

粘贴刚刚获得的token码，点击Log in。

成功连接。

（二）同步项目到GitHub

1.创建本地仓库。
在菜单栏选择VCS->Import into Version Control->Create Git Repository。
然后选择自己要同步到github上的项目文件夹。选择之后点击ok，项目文件会变红色的。

右键点击项目名选择add，此时文件变成绿色。注意，此时文件处于暂存区，还没有进入到版本库中。
再选Commit Directory…，输入正确的name和message信息，点击Commit。

2.上传到GitHub中。
点击VCS->Import into Version Control->Share Project on GitHub。

点击Share。


在GitHub网站个人主页下就可以看见该项目啦。

三、将自己的静态网页放入IDEA，同步项目到GitHub

（一）添加网站到IDEA

1.添加资源文件
将网页项目的所有文件拷贝到Web项目的src/main/resources/static目录下，弹出弹窗点击Add，添加的文件由红色变为绿色。


网页（之前写的Web作业）：

（二）同步到GitHub

步骤同上

参考文献
Git基本概念和操作
Git详细安装教程