使用Git ,您不仅可以跟踪代码中的更改,还可以比较更改(也称为diff )。 并且如果修订出现错误,您可以轻松地还原到以前的版本。 您还可以使用Github轻松直观地比较代码更改。
尽管它主要用于共享开发人员的代码,项目和贡献 ,但Github仍然可以让您查看历史更改和文件比较。 要查看此信息,请单击您的文件之一,然后单击“ 历史记录”按钮,如下所示。
![](https://i-blog.csdnimg.cn/blog_migrate/0c1a5a5cdbb8788f663aeb64c7e8620e.png)
![](https://i-blog.csdnimg.cn/blog_migrate/0c1a5a5cdbb8788f663aeb64c7e8620e.png)
在下图中,您可以看到Github用绿线和红线比较了以前的修订版和新的修订版。 绿线表示加法 ,红线表示减法 。 因此,基本上,这些颜色标记会引导您了解文件中所包含的内容以及刚刚添加的内容。
![](https://i-blog.csdnimg.cn/blog_migrate/9f8d4747abb912a4febcedf61e3785d6.png)
![](https://i-blog.csdnimg.cn/blog_migrate/9f8d4747abb912a4febcedf61e3785d6.png)
通常,一个项目不仅仅涉及文本代码,它还可能包含很多图像,甚至PSD文件。 Github最近增加了以交互方式比较图像和PSD的功能 。 这是一个令人兴奋的新功能,值得探索,让我们看看它是如何工作的。
图像修订和比较
Github支持多种图像格式,例如PNG,JPG,GIF和PSD。 与我们比较代码的方式类似,我们首先选择图像,然后单击“ 历史记录”按钮。 在图像下方,您将看到比较图像的方式列表,即2-Up,Swipe和Onion Skin 。
![](https://i-blog.csdnimg.cn/blog_migrate/b824e8b366b1886793dbde514c637ebe.png)
![](https://i-blog.csdnimg.cn/blog_migrate/b824e8b366b1886793dbde514c637ebe.png)
首先,让我们尝试Swipe方法。 使用Swipe,我们可以将图像分为两部分,并排查看在图像中所做的更改。 如果您已将图像作为一个整体进行了更改,例如将其变为灰度,则最好使用滑动。
![](https://i-blog.csdnimg.cn/blog_migrate/3e6821fd6ed8dff695e3603ffe0eebf4.png)
![](https://i-blog.csdnimg.cn/blog_migrate/3e6821fd6ed8dff695e3603ffe0eebf4.png)
2-Up是一种图像比较方法,可以并排显示两个版本(较旧和较新),如下所示。 该方法对于查看图像尺寸的变化特别有用,如下所示。
![](https://i-blog.csdnimg.cn/blog_migrate/1f338249332b3fbd330df51d24709a4f.png)
![](https://i-blog.csdnimg.cn/blog_migrate/1f338249332b3fbd330df51d24709a4f.png)
当您的图像变化非常好并且差异几乎不明显时, 洋葱皮是必经之路。 选择“洋葱皮”时,将显示一个手柄,如下所示。
![](https://i-blog.csdnimg.cn/blog_migrate/7dc7a1a7b9b8718c89076397c27a22fd.png)
![](https://i-blog.csdnimg.cn/blog_migrate/7dc7a1a7b9b8718c89076397c27a22fd.png)
将手柄栏拖动到左侧时,您将看到图像的较旧版本,而将其拖动到右侧将使图像淡入新版本。 这种淡入效果将帮助您轻松发现修订之间的差异。
![](https://i-blog.csdnimg.cn/blog_migrate/f769f177ac5a8e4d29aa433b57a34736.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/f769f177ac5a8e4d29aa433b57a34736.gif)
最终思想
我可以看到,这项新功能的加入将带来新的观点,即Github不仅适用于编码人员。 如果您是一名平面设计师,应该会感到非常兴奋。 您还可以利用此功能以及我们的Git和Github来管理您的设计修订。