Git的安装与使用-2

心已赠人 2021-12-09 02:49 363阅读 0赞

### 文章目录 ###

*  注册Gitlab账号
 *  Gitlab托管Git秘钥
 *  Gitlab项目的拉取与提交
 *   *  Gitlab的项目地址
     *  检出Gitlab项目
     *  下载MarkDown插件
     *  Gitlab项目的提交
 *  在Gitlab中预览提交的结果

这里接前面一片文章[Git的安装与使用-1][Git_-1]，如果不清楚的话可以参考前面的章节去做。

# 注册Gitlab账号 #

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1paWTEwNzg2ODkyNzY_size_16_color_FFFFFF_t_70]

由于Gitlab是公司所搭建的私服，因而其注册邮箱并不会去校验，换言之，随便写一个邮箱账号都行，不过既然是公司的私服，推荐还是写上自己的真实邮箱比较好。

在填写注册密码时，我们这里应该留意图示中的标注。其规定了，密码的最小长度为8个字节。

当我们填写完以上信息时，点击`Register`完成注册操作。

当账号被注册成功后，其直接就跳转到登录成功后的主页面，其主页面如下：

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1paWTEwNzg2ODkyNzY_size_16_color_FFFFFF_t_70 1]

# Gitlab托管Git秘钥 #

要想成功的在`Gitlab`中拉取与提交项目文件，其首先要做的就是将自己的秘钥注册到`Gitlab`中，其秘钥的设置方式如下：

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1paWTEwNzg2ODkyNzY_size_16_color_FFFFFF_t_70 2]

点击上图中的`账号`\->`Settings`。

之后就会出现下面的设置页面：

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1paWTEwNzg2ODkyNzY_size_16_color_FFFFFF_t_70 3]

由于我们的秘钥属于`ssh`所生成的，因而我们这里选择`SSH Keys`选项，之后我们会看到下面的页面

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1paWTEwNzg2ODkyNzY_size_16_color_FFFFFF_t_70 4]

在这里，我们将秘钥粘贴在`Key`文本域中，而`Title`可以随意填写，之后点击`Add key`按钮完成秘钥的添加操作。

在上面的操作中，我们在`Key`文本域中是需要粘贴上我们`Git`所生成的公钥的，其生成的公钥地址，在之前的文章介绍中就已经被写明，如下：

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1paWTEwNzg2ODkyNzY_size_16_color_FFFFFF_t_70 5]

其公钥的地址就在图中的这段信息内：

Your public key has been saved in /c/Users/Administrator/.ssh/id_rsa.pub

# Gitlab项目的拉取与提交 #

## Gitlab的项目地址 ##

由于我们这里主要是介绍的`Gitlab`项目的拉取与提交，因而至于项目的创建等操作，我这里就直接跳过了。

在`Gitlab`中，由于其为了适应多模块项目开发的需要，因而其在创建项目时有一个项目分组的概念，也就是说，正常情况下，我们是先创建项目分组（`Group`），然后再创建项目（`Project`），在这里，我们直接使用现有的项目，因而我们会在`Groups`\->`Explore groups`中搜索到我们所需要的检出的项目，如下图所示：

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1paWTEwNzg2ODkyNzY_size_16_color_FFFFFF_t_70 6]

在这里，我们为了做演示，因而直接访问下图中的`TestGroup`项目分组。点击`TestGroup`项目分组，进入项目分组界面。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1paWTEwNzg2ODkyNzY_size_16_color_FFFFFF_t_70 7]

在项目分组界面，点击图中的`TestProject`项目，进入详细的项目界面。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1paWTEwNzg2ODkyNzY_size_16_color_FFFFFF_t_70 8]

在项目界面中，我们要想拉取项目，直接点击图示中的`Clone`，拷贝`Clone with SSH`中的地址，该地址就是我们所要拉取的项目地址。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1paWTEwNzg2ODkyNzY_size_16_color_FFFFFF_t_70 9]

## 检出Gitlab项目 ##

我们检出项目时，使用的是`WebStorm`这款`IDE`软件，其欢迎界面如下：

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1paWTEwNzg2ODkyNzY_size_16_color_FFFFFF_t_70 10]

点击图示中的`Git`，在弹出的窗口中，粘贴我们的项目地址（`URL`），粘贴完成后，点击克隆（`Clone`）完成项目的检出操作。

![在这里插入图片描述][20190716102724682.png]

在弹出的确认连接窗口，选择`Yes`

![在这里插入图片描述][20190716102900973.png]

在确认打开窗口，我们继续`Yes`

![在这里插入图片描述][20190716103004261.png]

其打开后的页面如下所示：

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1paWTEwNzg2ODkyNzY_size_16_color_FFFFFF_t_70 11]

至此，我们的项目已经检出成功。

## 下载MarkDown插件 ##

在上面的截图中，我们其实是打开了`testproject`项目中的`test.md`文件，而其后缀`.md`意思就是该文件时`MarkDown`格式的文件。而现在主流的文档编写格式，都是基于`MarkDown`来实现的，比如说全球最大的开源社区`GitHub`，国内最大的开源社区码云，比如说公司的私服`Gitlab`，比如说国内最大的IT社区`CSDN`等等都已经全面的支持了`MarkDown`格式的文章编写，而在`JetBrains`的`IDE`工具中，很多最新版均已经集成了`MarkDown`编辑器插件，因而无需再次安装。而我的版本属于`18.1`版本，该版本并没有默认集成该插件，因而需要我们手动去安装。

选择`File`\->`Settings`\->`Plugins`，弹出如下窗口：

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1paWTEwNzg2ODkyNzY_size_16_color_FFFFFF_t_70 12]

点击上图中的`Browse Repositories`按钮，弹出如下所示界面。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1paWTEwNzg2ODkyNzY_size_16_color_FFFFFF_t_70 13]

在上面的界面中，在搜索框中输入`Mark`即可看到相应的搜索结果，在这里一共搜索出了两款`MarkDown`插件，无论安装哪款都是可以的，不过由于`Markdown Navigator`属于付费插件，虽然可以免费体验，不过还是建议使用上面那款`Markdown`插件。选中它，点击`Install`执行安装操作。

安装完成后，其会出现重启的提示，如下所示：

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1paWTEwNzg2ODkyNzY_size_16_color_FFFFFF_t_70 14]

点击重启按钮`Restart WebStorm`，之后我们就能够看到该`Markdown`软件的展示效果了。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1paWTEwNzg2ODkyNzY_size_16_color_FFFFFF_t_70 15]

在上图中，我们可以看到，软件的主窗口中出现了分栏，在左边仍然显示原来的`Markdown`可编辑文本界面，而在其右侧，其显示的就是页面的预览效果。

至此，我们的`Markdown`插件已经安装成功。

## Gitlab项目的提交 ##

在进行了前面的操作步骤后，最后剩下的提交操作反倒是最简单的操作。

如下图所示，我在`Markdown`页面中插入了一张本地图片，其在右侧立即就展示出了预览效果。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1paWTEwNzg2ODkyNzY_size_16_color_FFFFFF_t_70 16]

添加图片的格式如下：

![avatar](图片相对路径)

在下图中，点击`Version Control`弹出`Git`提交面板，在该面板中`Default`展示的是有变动，但未提交的文件，在这里，我们可以看到我们刚才添加图片的`test.md`以及图片`cake.jpg`文件。点击最左侧的箭头指示图标，执行代码提交操作。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1paWTEwNzg2ODkyNzY_size_16_color_FFFFFF_t_70 17]

在下图所示的文本框中，填写提交的注释信息，然后点击`Commit`按钮，提交文件。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1paWTEwNzg2ODkyNzY_size_16_color_FFFFFF_t_70 18]

在点击提交是，此时有一个小的注意点，那就是这里的提交一般选择`Commit and Push`，其意思是先将文件提交到本地`Git`仓库，然后再将该提交操作推送到远程`Gitlab`仓库。

![在这里插入图片描述][20190716112117471.png]

在下图中的确认推送界面，我们直接点击`Push`

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1paWTEwNzg2ODkyNzY_size_16_color_FFFFFF_t_70 19]

当我们看到页面右下角的提示信息时，这说明我们的本次文件修改已经提交成功。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1paWTEwNzg2ODkyNzY_size_16_color_FFFFFF_t_70 20]

# 在Gitlab中预览提交的结果 #

我们将文件提交到远程的`Gitlab`私服中后，我们就可以通过`Gitlab`所提供的页面直接浏览该提交信息。比如说，刚才的提交信息内容如下：

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1paWTEwNzg2ODkyNzY_size_16_color_FFFFFF_t_70 21]

至此，`Git`的安装与使用已经演示完毕。

[Git_-1]: https://blog.csdn.net/ZZY1078689276/article/details/96010637
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1paWTEwNzg2ODkyNzY_size_16_color_FFFFFF_t_70]: /images/20211209/8cf83ad44e824672970865568b1d8b33.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1paWTEwNzg2ODkyNzY_size_16_color_FFFFFF_t_70 1]: /images/20211209/5b4c541bde304e16ad667f33df8435ef.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1paWTEwNzg2ODkyNzY_size_16_color_FFFFFF_t_70 2]: /images/20211209/5b3761a8ec1c46ff9a459be1c8a48f30.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1paWTEwNzg2ODkyNzY_size_16_color_FFFFFF_t_70 3]: /images/20211209/6fed1fa423b84cff82fce9264a0e2481.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1paWTEwNzg2ODkyNzY_size_16_color_FFFFFF_t_70 4]: /images/20211209/a3ffd9ea39354453a70a3d5a3aa93d90.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1paWTEwNzg2ODkyNzY_size_16_color_FFFFFF_t_70 5]: /images/20211209/10ca13ae1a1344259814e75417daffc7.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1paWTEwNzg2ODkyNzY_size_16_color_FFFFFF_t_70 6]: /images/20211209/02d2767691b444e6a6a25b4616c4a503.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1paWTEwNzg2ODkyNzY_size_16_color_FFFFFF_t_70 7]: /images/20211209/e914d5e42f3f48dcbc301c7b7e707e4e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1paWTEwNzg2ODkyNzY_size_16_color_FFFFFF_t_70 8]: /images/20211209/df68d0cf13fa4c59ae7fdbbb2ad252e0.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1paWTEwNzg2ODkyNzY_size_16_color_FFFFFF_t_70 9]: /images/20211209/e15cab420d0b49268d73a7ac07a2ac16.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1paWTEwNzg2ODkyNzY_size_16_color_FFFFFF_t_70 10]: /images/20211209/708705882413456a8c5da800ceb3f2a6.png
[20190716102724682.png]: /images/20211209/36161c8f2cca455f8913927834cf074f.png
[20190716102900973.png]: /images/20211209/b7f7a7a8d6634616be432461f2b8a65b.png
[20190716103004261.png]: /images/20211209/7fd529352d1b4af7897d23341cc70472.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1paWTEwNzg2ODkyNzY_size_16_color_FFFFFF_t_70 11]: /images/20211209/29ce6724b8384378a8e25f352d7a08f7.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1paWTEwNzg2ODkyNzY_size_16_color_FFFFFF_t_70 12]: /images/20211209/0c056c5bb09c4e529b313b896a246947.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1paWTEwNzg2ODkyNzY_size_16_color_FFFFFF_t_70 13]: /images/20211209/5e85d1c5c69b4786ac1f55c3882b9988.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1paWTEwNzg2ODkyNzY_size_16_color_FFFFFF_t_70 14]: /images/20211209/aa1d5c0ba5c840328d69ce9d5d24b1c4.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1paWTEwNzg2ODkyNzY_size_16_color_FFFFFF_t_70 15]: /images/20211209/caf546749f52453db379399a5042d53d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1paWTEwNzg2ODkyNzY_size_16_color_FFFFFF_t_70 16]: /images/20211209/283bc5fb402a4883beb416bd59629d2d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1paWTEwNzg2ODkyNzY_size_16_color_FFFFFF_t_70 17]: /images/20211209/3e28ba363d644d4fb72c94d1e12da27f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1paWTEwNzg2ODkyNzY_size_16_color_FFFFFF_t_70 18]: /images/20211209/914e585f517248af8fea02f938ae18d9.png
[20190716112117471.png]: /images/20211209/810ab165f2644cc4b8399cbf034c3f57.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1paWTEwNzg2ODkyNzY_size_16_color_FFFFFF_t_70 19]: /images/20211209/b32e150bfa7446d2999e9206bac9b946.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1paWTEwNzg2ODkyNzY_size_16_color_FFFFFF_t_70 20]: /images/20211209/8b4e3f285161490fbefe20750332ea1e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1paWTEwNzg2ODkyNzY_size_16_color_FFFFFF_t_70 21]: /images/20211209/8eb1f77a69ca47eb95b7293dda1a1eb4.png