你必须收藏的Github技巧

悠悠 2022-02-18 10:04 236阅读 0赞

![1240][]

一秒钟把Github项目变成前端网站

GitHub Pages大家可能都知道，常用的做法，是建立一个gh-pages的分支，通过setting里的设置的GitHub Pages模块可以自动创建该项目的网站。

这里经常遇到的痛点是，master遇到变更，经常需要去sync到gh-pages，特别是纯web前端项目，这样的痛点是非常地痛。

Github官方可能嗅觉到了该痛点，出了个master当作网站是选项，太有用了。

![1240 1][]

选择完master branch之后，master自动变成了网站。master所有的提交会自动更新到网站。

精准分享关键代码

比如你有一个文件里的某一行代码写得非常酷炫或者关键，想分享一下。

可以在url后面加上\#L行号

比如，点击下面这个url：

> https://github.com/AlloyTeam/AlloyTouch/blob/master/alloy\_touch.js\#L240

你便会跳到alloy\_touch.js的第240行。

![1240 2][]

那么问题来了？如果我是一段代码，即多行代码想分享呢？也很简单：url后面加上

\#L开始行号-L结束行号

比如，AlloyTouch的运动缓动和逆向缓动函数如下面代码段所示：

> https://github.com/AlloyTeam/AlloyTouch/blob/master/alloy\_touch.js\#L39-L45

其实也不用记忆你直接在网址后面操作，github自动会帮你生成url。比如你点击39行，url变成了

> https://github.com/AlloyTeam/AlloyTouch/blob/master/alloy\_touch.js\#L39

再按住shift点击45行，url变成了

> https://github.com/AlloyTeam/AlloyTouch/blob/master/alloy\_touch.js\#L39-L45

然后你这个url就可以复制分享出去了，点击这个url的人自动会跳到39行，并且39-45行高亮。

![1240 3][]

通过提交的msg自动关闭issues

比如有人提交了个issues https://github.com/AlloyTeam/AlloyTouch/issues/6

然后你去主干上改代码，改完之后提交填msg的时候，填入：

fix  https://github.com/AlloyTeam/AlloyTouch/issues/6

这个issues会自动被关闭。当然不仅仅是fix这个关键字。下面这些关键字也可以：

closes

closed

fixes

fixed

resolve

resolves

resolved

通过HTML方式嵌入Github

如下面所示，user和repo改成你想要展示的便可以

插入之后你便可以看到这样的展示：

![1240 4][]

gitattributes设置项目语言

![1240 5][]

如上图所示，github会根据相关文件代码的数量来自动识别你这个项目是HTML项目还是Javascript项目。

这就带来了一个问题，比如AlloyTouch最开始被识别成HTML项目。

因为HTML例子比JS文件多。怎么办呢？gitattributes来帮助你搞定。在项目的根目录下添加如下.gitattributes文件便可

> https://github.com/AlloyTeam/AlloyTouch/blob/master/.gitattributes

里面的：

*.html linguist-language=JavaScript

主要意思是把所有html文件后缀的代码识别成js文件。

查看自己项目的访问数据

在自己的项目下，点击Graphs，然后再点击Traffic如下所示：

![1240 6][]

里面有Referring sites和Popular content的详细数据和排名。如：Referring sites

![1240 7][]

其中Referring sites代表大家都是从什么网站来到你的项目的，Popular content代表大家经常看你项目的哪些文件。

trending排行榜

上面教大家设置语言了，下面可以看看怎么查看某类型语言的每日排行榜。比如js每日排行榜：

> https://github.com/trending/javascript?since=daily
> 
> https://github.com/trending/html?since=daily
> 
> https://github.com/trending/css?since=daily

> Github推荐：https://github.com/explore

其他

issue中输入冒号 : 添加表情

任意界面，shift + ？显示快捷键

issue中选中文字，R键快速引用

最后

好了，我就会这么多，也是我经常使用的技巧。欢迎补充实用的技巧~~我会持续更新上去…

***扩展阅读***

[Vim 命令、操作、快捷键（收藏大全）][Vim]

[Git常用命令速查表（收藏大全）][Git]

[Spring常用注解（收藏大全）][Spring]

[maven常用命令集合（收藏大全）][maven]

[dubbo服务调试管理实用命令][dubbo]

[mysql数据库设计中的14个技巧][mysql_14]

来源：http://www.cnblogs.com/iamzhanglei/p/6177961.html

文章来源网络，版权归作者本人所有，如侵犯到原作者权益，请与我们联系删除

![1240 8][]

[1240]: /images/20220218/a7e8f57a7ba5446b90cb634e83f02dcb.png
[1240 1]: /images/20220218/40866fc64bac4573a24350f6bf947084.png
[1240 2]: /images/20220218/44c255bc4fa0454999f0be0ef46fc3b3.png
[1240 3]: /images/20220218/29b429d2e17448d5a5be0758a1791d9d.png
[1240 4]: /images/20220218/2a4ec99b10c7477ebe1eb7f483aa8199.png
[1240 5]: /images/20220218/dba6e5878d464231b8ce8d0d6cd4cfb9.png
[1240 6]: /images/20220218/928d9a9732a24b21987babeebc0c9e55.png
[1240 7]: /images/20220218/4769ca92162046f4a8b823445e9aa4d8.png
[Vim]: http://mp.weixin.qq.com/s?__biz=MzU5NTAzNjM0Mw==&mid=2247485441&idx=1&sn=3da9ae0a9e5b57028b3a95d2039c73b8&chksm=fe7959d9c90ed0cf5f234689b11337ca0868825165580acfeb87accbde4c13d69153e4be871f&scene=21#wechat_redirect
[Git]: http://mp.weixin.qq.com/s?__biz=MzU5NTAzNjM0Mw==&mid=2247485424&idx=2&sn=619fb22f14e3960965d6c40c36a900ef&chksm=fe795628c90edf3e2e8cb89d1224b1b6e1542b6690aae48a5fcc15e07ace6f28ca05836fc3fb&scene=21#wechat_redirect
[Spring]: http://mp.weixin.qq.com/s?__biz=MzU5NTAzNjM0Mw==&mid=2247485386&idx=3&sn=e356e1bee7a3edd4af1ff8fd637cdf7c&chksm=fe795612c90edf04ed785476028d95a29dfd70cff768700ad6976b0a9551025a10c9b6aa01a4&scene=21#wechat_redirect
[maven]: http://mp.weixin.qq.com/s?__biz=MzU5NTAzNjM0Mw==&mid=2247485367&idx=2&sn=bb6903371211520b39007e75787c17f0&chksm=fe79566fc90edf7993b5549f47d36cde4d344525b5d1db81aabd10ebb7235d8d94eb47999ea4&scene=21#wechat_redirect
[dubbo]: http://mp.weixin.qq.com/s?__biz=MzU5NTAzNjM0Mw==&mid=2247485628&idx=2&sn=b12f8aaaab4c99db014f18024edbe6d0&chksm=fe795964c90ed072773a8529a3aef6f5a1ebc0827cb639a5fc77cf4a3dc0594c151e41779078&scene=21#wechat_redirect
[mysql_14]: http://mp.weixin.qq.com/s?__biz=MzU5NTAzNjM0Mw==&mid=2247485641&idx=3&sn=cfd3044f130612fab8f4b086975ac332&chksm=fe795911c90ed007b3a8feaba14fe3cd18d6bc310b1d391d9fcd0ff7e3333540ca9e13b860d4&scene=21#wechat_redirect
[1240 8]: /images/20220218/686f509bb6094a16b2006edd30b716b7.png