你必须收藏的Github技巧

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

GitHub Pages你们可能都知道，经常使用的作法，是创建一个gh-pages的分支，经过setting里的设置的GitHub Pages模块能够自动建立该项目的网站。
这里常常遇到的痛点是，master遇到变动，常常须要去sync到gh-pages，特别是纯web前端项目，这样的痛点是很是地痛。
Github官方可能嗅觉到了该痛点，出了个master看成网站是选项，太有用了。

选择完master branch以后，master自动变成了网站。master全部的提交会自动更新到网站。

精准分享关键代码

好比你有一个文件里的某一行代码写得很是酷炫或者关键，想分享一下。
能够在url后面加上
#L行号
好比，点击下面这个url：
https://github.com/AlloyTeam/AlloyTouch/blob/master/alloy_touch.js#L240
你便会跳到alloy_touch.js的第240行。

那么问题来了？若是我是一段代码，即多行代码想分享呢？也很简单：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行高亮。

经过提交的msg自动关闭issues

好比有人提交了个issues https://github.com/AlloyTeam/AlloyTouch/issues/6
而后你去主干上改代码，改完以后提交填msg的时候，填入：

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

这个issues会自动被关闭。固然不单单是fix这个关键字。下面这些关键字也能够：

• close
• closes
• closed
• fixes
• fixed
• resolve
• resolves
• resolved

经过HTML方式嵌入Github

以下面所示，user和repo改为你想要展现的即可以

<iframe src="//ghbtns.com/github-btn.html?user=alloyteam&repo=alloytouch&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="110" height="20"></iframe>

插入以后你即可以看到这样的展现：

gitattributes设置项目语言

如上图所示，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以下所示：

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

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

最后

好了，我就会这么多，也是我常常使用的技巧。欢迎补充实用的技巧~~我会持续更新上去...
咱们团队的Github: http://alloyteam.github.io/