一秒钟把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的运动缓动和逆向缓动函数。
通过HTML方式嵌入Github如下面所示,user和repo改成你想要展示的便可以插入之后你便可以看到这样的展示:
gitattributes设置项目语言
如上图所示,github会根据相关文件代码的数量来自动识别你这个项目是HTML项目还是Javascript项目。这就带来了一个问题,比如AlloyTouch最开始被识别成HTML项目。因为HTML例子比JS文件多。怎么办呢?gitattributes来帮助你搞定。在项目的根目录下添加如下.gitattributes文件便可,*.html linguist-language=JavaScript主要意思是把所有html文件后缀的代码识别成js文件。
查看自己项目的访问数据在自己的项目下,点击Graphs,然后再点击Traffic如下所示:
里面有Referring sites和Popular content的详细数据和排名。如:Referring sites。其中Referring sites代表大家都是从什么网站来到你的项目的,Popular content代表大家经常看你项目的哪些文件。