思国君 發表於 2016-12-14 09:23:00

你必须收藏的Github技巧

<h2 id="一秒钟把github项目变成前端网站">一秒钟把Github项目变成前端网站</h2>
<p>GitHub Pages大家可能都知道，常用的做法，是建立一个gh-pages的分支，通过setting里的设置的GitHub Pages模块可以自动创建该项目的网站。<br>
这里经常遇到的痛点是，master遇到变更，经常需要去sync到gh-pages，特别是纯web前端项目，这样的痛点是非常地痛。<br>
Github官方可能嗅觉到了该痛点，出了个master当作网站是选项，太有用了。</p>
<p><img src="https://images2015.cnblogs.com/blog/105416/201612/105416-20161214091942948-905452621.png" alt="" loading="lazy"></p>
<p>选择完master branch之后，master自动变成了网站。master所有的提交会自动更新到网站。</p>
<h2 id="精准分享关键代码">精准分享关键代码</h2>
<p>比如你有一个文件里的某一行代码写得非常酷炫或者关键，想分享一下。<br>
可以在url后面加上<br>
<strong>#L行号</strong><br>
比如，点击下面这个url：<br>
https://github.com/AlloyTeam/AlloyTouch/blob/master/alloy_touch.js#L240<br>
你便会跳到alloy_touch.js的第240行。</p>
<p><img src="https://images2015.cnblogs.com/blog/105416/201612/105416-20161214091956464-209006748.png" alt="" loading="lazy"></p>
<p>那么问题来了？如果我是一段代码，即多行代码想分享呢？也很简单：url后面加上<br>
<strong>#L开始行号-L结束行号</strong><br>
比如，AlloyTouch的运动缓动和逆向缓动函数如下面代码段所示：<br>
https://github.com/AlloyTeam/AlloyTouch/blob/master/alloy_touch.js#L39-L45</p>
<p>其实也不用记忆你直接在网址后面操作，github自动会帮你生成url。比如你点击39行，url变成了<br>
https://github.com/AlloyTeam/AlloyTouch/blob/master/alloy_touch.js#L39<br>
再按住shift点击45行，url变成了<br>
https://github.com/AlloyTeam/AlloyTouch/blob/master/alloy_touch.js#L39-L45<br>
然后你这个url就可以复制分享出去了，点击这个url的人自动会跳到39行，并且39-45行高亮。</p>
<p><img src="https://images2015.cnblogs.com/blog/105416/201612/105416-20161214092008729-2108420774.png" alt="" loading="lazy"></p>
<h2 id="通过提交的msg自动关闭issues">通过提交的msg自动关闭issues</h2>
<p>比如有人提交了个issues https://github.com/AlloyTeam/AlloyTouch/issues/6<br>
然后你去主干上改代码，改完之后提交填msg的时候，填入：</p>
<pre><code class="language-js">fixhttps://github.com/AlloyTeam/AlloyTouch/issues/6
</code></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 id="通过html方式嵌入github">通过HTML方式嵌入Github</h2>
<p>如下面所示，user和repo改成你想要展示的便可以</p>
<pre><code class="language-js"> &lt;iframe src="//ghbtns.com/github-btn.html?user=alloyteam&amp;repo=alloytouch&amp;type=watch&amp;count=true" allowtransparency="true" frameborder="0" scrolling="0" width="110" height="20"&gt;&lt;/iframe&gt;
</code></pre>
<p>插入之后你便可以看到这样的展示：</p>
<p><img src="https://images2015.cnblogs.com/blog/105416/201612/105416-20161214092017573-607852822.png" alt="" loading="lazy"></p>
<h2 id="gitattributes设置项目语言">gitattributes设置项目语言</h2>
<p><img src="https://images2015.cnblogs.com/blog/105416/201612/105416-20161214092334917-885550227.png" alt="" loading="lazy"></p>
<p>如上图所示，github会根据相关文件代码的数量来自动识别你这个项目是HTML项目还是Javascript项目。<br>
这就带来了一个问题，比如AlloyTouch最开始被识别成HTML项目。<br>
因为HTML例子比JS文件多。怎么办呢？gitattributes来帮助你搞定。在项目的根目录下添加如下.gitattributes文件便可，<br>
https://github.com/AlloyTeam/AlloyTouch/blob/master/.gitattributes<br>
里面的：</p>
<pre><code class="language-js">*.html linguist-language=JavaScript
</code></pre>
<p>主要意思是把所有html文件后缀的代码识别成js文件。</p>
<h2 id="查看自己项目的访问数据">查看自己项目的访问数据</h2>
<p>在自己的项目下，点击Graphs，然后再点击Traffic如下所示：</p>
<p><img src="https://images2015.cnblogs.com/blog/105416/201612/105416-20161214092041886-1510406234.png" alt="" loading="lazy"></p>
<p>里面有Referring sites和Popular content的详细数据和排名。如：Referring sites</p>
<p><img src="https://images2015.cnblogs.com/blog/105416/201612/105416-20161214092146198-1995195515.png" alt="" loading="lazy"></p>
<p>其中Referring sites代表大家都是从什么网站来到你的项目的，Popular content代表大家经常看你项目的哪些文件。</p>
<h2 id="trending排行榜">trending排行榜</h2>
<p>上面教大家设置语言了，下面可以看看怎么查看某类型语言的每日排行榜。比如js每日排行榜：</p>
<p>https://github.com/trending/javascript?since=daily</p>
<p>https://github.com/trending/html?since=daily</p>
<p>https://github.com/trending/css?since=daily</p>
<p>Github推荐：https://github.com/explore</p>
<h2 id="其他">其他</h2>
<ul>
<li>issue中输入冒号 : 添加表情</li>
<li>任意界面，shift + ？显示快捷键</li>
<li>issue中选中文字，R键快速引用</li>
</ul>
<h2 id="最后">最后</h2>
<p>好了，我就会这么多，也是我经常使用的技巧。欢迎补充<strong>实用的技巧</strong>~~我会持续更新上去...<br>
我们团队的Github: http://alloyteam.github.io/</p><br><br>
来源：https://www.cnblogs.com/iamzhanglei/p/6177961.html
頁: [1]
查看完整版本: 你必须收藏的Github技巧