大数据&云计算|一个厉害的程序员,是这么逛GitHub的


大数据&云计算|一个厉害的程序员,是这么逛GitHub的
本文插图

作者丨当耐特
来源丨https://juejin.im/post/58509f8161ff4b00683a360c
一秒钟把Github项目变成前端网站
GitHub Pages大家可能都知道 , 常用的做法 , 是建立一个gh-pages的分支 , 通过setting里的设置的GitHub Pages模块可以自动创建该项目的网站 。
这里经常遇到的痛点是 , master遇到变更 , 经常需要去sync到gh-pages , 特别是纯web前端项目 , 这样的痛点是非常地痛 。
Github官方可能嗅觉到了该痛点 , 出了个master当作网站是选项 , 太有用了 。
大数据&云计算|一个厉害的程序员,是这么逛GitHub的
本文插图

选择完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行高亮 。
大数据&云计算|一个厉害的程序员,是这么逛GitHub的
本文插图

通过提交的msg自动关闭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改成你想要展示的便可以
"//ghbtns.com/github-btn.html?user=alloyteam&amprepo=alloytouch&amptype=watch&ampcount=true" allowtransparency="true" frameborder="0" scrolling="0" width="110"
插入之后你便可以看到这样的展示:

gitattributes设置项目语言
大数据&云计算|一个厉害的程序员,是这么逛GitHub的
本文插图

如上图所示 , github会根据相关文件代码的数量来自动识别你这个项目是HTML项目还是Javascript项目 。
这就带来了一个问题 , 比如AlloyTouch最开始被识别成HTML项目 。
因为HTML例子比JS文件多 。 怎么办呢?gitattributes来帮助你搞定 。 在项目的根目录下添加如下.gitattributes文件便可 ,
https://github.com/AlloyTeam/AlloyTouch/blob/master/.gitattributes里面的:


推荐阅读