高效使用GitHub,你必须知道这几个技巧!


  点击上方 "程序员小乐" ,关注公众号

8点20分,第一时间与你相约

每日英文

True Strength is being able to hold it together when everyone is expecting you to fall apart. 

真正的坚强是当所有的人都希望你崩溃的时候,你还可以振作。


每日掏心话

人生,就是跑步。我们总想超越别人,辉煌自己的人生;也老是担忧被别人超越,而不愿停止追寻。


来自:当耐特 | 责编:乐乐

链接:cnblogs.com/iamzhanglei/p/6177961.html

640?wx_fmt=jpeg

图片来自网络



   正文   


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

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

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

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

640?wx_fmt=png

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

精准分享关键代码

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

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

比如,点击下面这个url:

https://github.com/AlloyTeam/AlloyTouch/blob/master/alloy_touch.js#L240

你便会跳到alloy_touch.js的第240行。

640?wx_fmt=png

那么问题来了?如果我是一段代码,即多行代码想分享呢?也很简单: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行高亮。

640?wx_fmt=png

通过提交的msg自动关闭issues

比如有人提交了个issues https://github.com/AlloyTeam/AlloyTouch/issues/6
然后你去主干上改代码,改完之后提交填msg的时候,填入:

 
   

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

  • close

  • closes

  • closed

  • fixes

  • fixed

  • resolve

  • resolves

  • resolved

通过HTML方式嵌入Github

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

 
   

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

640?wx_fmt=png

gitattributes设置项目语言

640?wx_fmt=png

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

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

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

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

里面的:

 
   

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

查看自己项目的访问数据

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

640?wx_fmt=png

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

640?wx_fmt=png

其中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键快速引用

最后

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

欢迎在留言区留下你的观点,一起讨论提高。如果今天的文章让你有新的启发,学习能力的提升上有新的认识,欢迎转发分享给更多人。


欢迎各位读者加入程序员小乐技术群,在公众号后台回复“加群”或者“学习”即可。

640?wx_fmt=png


猜你还想看


阿里、腾讯、百度、华为、京东最新面试题汇集

10张 GIF 动图让你弄懂递归等概念

一千个不用 Null 的理由

一文搞懂MySQL的Join

史上最烂的项目:苦撑12年,600多万行代码...

聊一聊秒杀架构设计


640?wx_fmt=png

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值