一秒鐘把Github項目變成前端網(wǎng)站
GitHub Pages大家可能都知道息堂，常用的做法块促，是建立一個gh-pages的分支，通過setting里的設置的GitHub Pages模塊可以自動創(chuàng)建該項目的網(wǎng)站竭翠。
這里經常遇到的痛點是斋扰，master遇到變更，經常需要去sync到gh-pages褥实，特別是純web前端項目，這樣的痛點是非常地痛哥艇。
Github官方可能嗅覺到了該痛點僻澎，出了個master當作網(wǎng)站是選項十饥，太有用了祖乳。
選擇完master branch之后眷昆，master自動變成了網(wǎng)站。master所有的提交會自動更新到網(wǎng)站作媚。
精準分享關鍵代碼
比如你有一個文件里的某一行代碼寫得非乘Э酷炫或者關鍵，想分享一下赖瞒。
可以在url后面加上#L行號
比如栏饮，點擊下面這個url：
https://github.com/AlloyTeam/AlloyTouch/blob/master/alloy_touch.js#L240
你便會跳到alloy_touch.js的第240行。
那么問題來了掩驱？如果我是一段代碼冬竟，即多行代碼想分享呢？也很簡單：url后面加上
L開始行號-L結束行號
比如涮帘，AlloyTouch的運動緩動和逆向緩動函數(shù)如下面代碼段所示：
https://github.com/AlloyTeam/AlloyTouch/blob/master/alloy_touch.js#L39-L45
其實也不用記憶你直接在網(wǎng)址后面操作笑诅，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的時候刹淌，填入：
fix https://github.com/AlloyTeam/AlloyTouch/issues/6
這個issues會自動被關閉。當然不僅僅是fix這個關鍵字芦鳍。下面這些關鍵字也可以：
close
closes
closed
fixes
fixed
resolve
resolves
resolved
通過HTML方式嵌入Github
如下面所示柠衅，user和repo改成你想要展示的便可以
<iframe src="http://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會根據(jù)相關文件代碼的數(shù)量來自動識別你這個項目是HTML項目還是Javascript項目趋急。
這就帶來了一個問題，比如AlloyTouch最開始被識別成HTML項目呜达。
因為HTML例子比JS文件多查近。怎么辦呢？gitattributes來幫助你搞定霜威。在項目的根目錄下添加如下.gitattributes文件便可
https://github.com/AlloyTeam/AlloyTouch/blob/master/.gitattributes
里面的：
*.html linguist-language=JavaScript
主要意思是把所有html文件后綴的代碼識別成js文件戈泼。
![]()
image.gif
查看自己項目的訪問數(shù)據(jù)
在自己的項目下，點擊Graphs扭倾，然后再點擊Traffic如下所示：
里面有Referring sites和Popular content的詳細數(shù)據(jù)和排名挽绩。如：Referring sites
其中Referring sites代表大家都是從什么網(wǎng)站來到你的項目的，Popular content代表大家經郴煮荩看你項目的哪些文件。
trending排行榜
上面教大家設置語言了此改，下面可以看看怎么查看某類型語言的每日排行榜侄柔。比如js每日排行榜：
https://github.com/trending/javascript?since=daily
Github推薦：https://github.com/explore
其他
issue中輸入冒號 : 添加表情
任意界面，shift + 移剪？顯示快捷鍵
issue中選中文字薪者，R鍵快速引用
最后
好了，我就會這么多言津，也是我經常使用的技巧悬槽。歡迎補充實用的技巧~~我會持續(xù)更新上去…
