你必须收藏的Github技巧
nsly0901
8年前
<h2>一秒钟把Github项目变成前端网站</h2> <p>GitHub Pages大家可能都知道,常用的做法,是建立一个gh-pages的分支,通过setting里的设置的GitHub Pages模块可以自动创建该项目的网站。</p> <p>这里经常遇到的痛点是,master遇到变更,经常需要去sync到gh-pages,特别是纯web前端项目,这样的痛点是非常地痛。</p> <p>Github官方可能嗅觉到了该痛点,出了个master当作网站是选项,太有用了。</p> <p style="text-align: center;"><img src="https://simg.open-open.com/show/4043ae9c374cdae37f9a6cc7c48fc5b3.png"></p> <p>选择完master branch之后,master自动变成了网站。master所有的提交会自动更新到网站。</p> <h2>精准分享关键代码</h2> <p>比如你有一个文件里的某一行代码写得非常酷炫或者关键,想分享一下。</p> <p>可以在url后面加上</p> <p>#L行号</p> <p>比如,点击下面这个url:</p> <p><a href="/misc/goto?guid=4959729548738563235" rel="nofollow,noindex">https://github.com/AlloyTeam/AlloyTouch/blob/master/alloy_touch.js#L240</a></p> <p>你便会跳到alloy_touch.js的第240行。</p> <p><img src="https://simg.open-open.com/show/c4e62ac475bff298c574bbb74b5ecc23.png"></p> <p>那么问题来了?如果我是一段代码,即多行代码想分享呢?也很简单:url后面加上</p> <p>#L开始行号-L结束行号</p> <p>比如, AlloyTouch 的运动缓动和逆向缓动函数如下面代码段所示:</p> <p><a href="/misc/goto?guid=4959729548837993873" rel="nofollow,noindex">https://github.com/AlloyTeam/AlloyTouch/blob/master/alloy_touch.js#L39-L45</a></p> <p>其实也不用记忆你直接在网址后面操作,github自动会帮你生成url。比如你点击39行,url变成了</p> <p><a href="/misc/goto?guid=4959729548915782989" rel="nofollow,noindex">https://github.com/AlloyTeam/AlloyTouch/blob/master/alloy_touch.js#L39</a></p> <p>再按住shift点击45行,url变成了</p> <p><a href="/misc/goto?guid=4959729548837993873" rel="nofollow,noindex">https://github.com/AlloyTeam/AlloyTouch/blob/master/alloy_touch.js#L39-L45</a></p> <p>然后你这个url就可以复制分享出去了,点击这个url的人自动会跳到39行,并且39-45行高亮。</p> <p><img src="https://simg.open-open.com/show/9d3282626b6d0cad8ae2406452b663be.png"></p> <h2>通过提交的msg自动关闭issues</h2> <p>比如有人提交了个issues <a href="/misc/goto?guid=4959729549014179446" rel="nofollow,noindex">https://github.com/AlloyTeam/AlloyTouch/issues/6</a></p> <p>然后你去主干上改代码,改完之后提交填msg的时候,填入:</p> <pre> fix https://github.com/AlloyTeam/AlloyTouch/issues/6</pre> <p>这个issues会自动被关闭。当然不仅仅是fix这个关键字。下面这些关键字也可以:</p> <ul> <li>close</li> <li>closes</li> <li>closed</li> <li>fixes</li> <li>fixed</li> <li>resolve</li> <li>resolves</li> <li>resolved</li> </ul> <h2>通过HTML方式嵌入Github</h2> <p>如下面所示,user和repo改成你想要展示的便可以</p> <pre> <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></pre> <p>插入之后你便可以看到这样的展示:</p> <p><img src="https://simg.open-open.com/show/dccf6e9723f3e8cdb5cf8d3ac1e35e8a.png"></p> <h2>gitattributes设置项目语言</h2> <p><img src="https://simg.open-open.com/show/09a8e55fecf231a37f3c68849dedc0b9.png"></p> <p>如上图所示,github会根据相关文件代码的数量来自动识别你这个项目是HTML项目还是Javascript项目。</p> <p>这就带来了一个问题,比如 AlloyTouch 最开始被识别成HTML项目。</p> <p>因为HTML例子比JS文件多。怎么办呢?gitattributes来帮助你搞定。在项目的根目录下添加如下.gitattributes文件便可,</p> <p><a href="/misc/goto?guid=4959729549096472491" rel="nofollow,noindex">https://github.com/AlloyTeam/AlloyTouch/blob/master/.gitattributes</a></p> <p>里面的:</p> <pre> *.html linguist-language=JavaScript</pre> <p>主要意思是把所有html文件后缀的代码识别成js文件。</p> <h2>查看自己项目的访问数据</h2> <p>在自己的项目下,点击Graphs,然后再点击Traffic如下所示:</p> <p><img src="https://simg.open-open.com/show/9df5c423e5f69f08274af1df3d3530eb.png"></p> <p>里面有Referring sites和Popular content的详细数据和排名。如:Referring sites</p> <p><img src="https://simg.open-open.com/show/a8cefb93bd2eea3811d023c632d95ffd.png"></p> <p>其中Referring sites代表大家都是从什么网站来到你的项目的,Popular content代表大家经常看你项目的哪些文件。</p> <h2>trending排行榜</h2> <p>上面教大家设置语言了,下面可以看看怎么查看某类型语言的每日排行榜。比如js每日排行榜:</p> <p><a href="/misc/goto?guid=4959729549178014644" rel="nofollow,noindex">https://github.com/trending/javascript?since=daily</a></p> <p><a href="/misc/goto?guid=4959729549258755094" rel="nofollow,noindex">https://github.com/trending/html?since=daily</a></p> <p><a href="/misc/goto?guid=4959729549342711767" rel="nofollow,noindex">https://github.com/trending/css?since=daily</a></p> <h2>其他</h2> <ul> <li>issue中输入冒号 : 添加表情</li> <li>任意界面,shift + ?显示快捷键</li> <li>issue中选中文字,R键快速引用</li> </ul> <h2>最后</h2> <p>好了,我就会这么多,也是我经常使用的技巧。欢迎补充 <strong>实用的技巧</strong> ~~我会持续更新上去...</p> <p> </p> <p>来自:http://www.cnblogs.com/iamzhanglei/p/6177961.html</p> <p> </p>