你必须收藏的 Github 技巧

In 未分类 on 2016年12月16日 by TAT.dnt view: 14,300

一秒钟把 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 的时候，填入：

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

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

close
closes
closed
fixes
fixed
resolve
resolves
resolved

通过 HTML 方式嵌入 Github

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

1	<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
里面的：