你必須收藏的Github技巧

來自：騰訊全端 AlloyTeam 團隊 Blog

一秒鐘把Github項目變成前端網站

GitHub Pages大家可能都知道，常用的做法，是建立一個gh-pages的分支，通過setting里的設置的GitHub Pages模塊可以自動創建該項目的網站。

這裡經常遇到的痛點是，master遇到變更，經常需要去sync到gh-pages，特別是純web前端項目，這樣的痛點是非常地痛。

Github官方可能嗅覺到了該痛點，出了個master當作網站是選項，太有用了。

選擇完master branch之後，master自動變成了網站。master所有的提交會自動更新到網站。

精準分享關鍵代碼

比如你有一個文件里的某一行代碼寫得非常酷炫或者關鍵，想分享一下。

可以在url後面加上

那麼問題來了？如果我是一段代碼，即多行代碼想分享呢？也很簡單：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變成了

通過提交的msg自動關閉issues

比如有人提交了個issues https://github.com/AlloyTeam/AlloyTouch/issues/6

然後你去主幹上改代碼，改完之後提交填msg的時候，填入：

這個issues會自動被關閉。當然不僅僅是fix這個關鍵字。下面這些關鍵字也可以：

close

closes

closed

fixes

fixed

resolve

resolves

resolved

通過HTML方式嵌入Github

如下面所示，user和repo改成你想要展示的便可以

插入之後你便可以看到這樣的展示：

gitattributes設置項目語言

如上圖所示，github會根據相關文件代碼的數量來自動識別你這個項目是HTML項目還是Javascript項目。

這就帶來了一個問題，比如AlloyTouch最開始被識別成HTML項目。

因為HTML例子比JS文件多。怎麼辦呢？gitattributes來幫助你搞定。在項目的根目錄下添加如下.gitattributes文件便可，

https://github.com/AlloyTeam/AlloyTouch/blob/master/.gitattributes

裡面的：

主要意思是把所有html文件後綴的代碼識別成js文件。

查看自己項目的訪問數據

在自己的項目下，點擊Graphs，然後再點擊Traffic如下所示：

裡面有Referring sites和Popular content的詳細數據和排名。如：Referring sites

其中Referring sites代表大家都是從什麼網站來到你的項目的，Popular content代表大家經常看你項目的哪些文件。

trending排行榜

上面教大家設置語言了，下面可以看看怎麼查看某類型語言的每日排行榜。比如js每日排行榜：

https://github.com/trending/javascript?since=daily

https://github.com/trending/html?since=daily

https://github.com/trending/css?since=daily

Github推薦：https://github.com/explore

其他

issue中輸入冒號 : 添加表情

任意界面，shift + ？顯示快捷鍵

issue中選中文字，R鍵快速引用

最後

好了，我就會這麼多，也是我經常使用的技巧。歡迎補充實用的技巧~~我會持續更新上去…

本文編號2316，以後想閱讀這篇文章直接輸入2316即可。

輸入m可以獲取到文章目錄

更多推薦《15個技術類公眾微信》

涵蓋：程序人生、演算法與數據結構、黑客技術與網路安全、大數據技術、前端開發、Java、Python、Web開發、安卓開發、iOS開發、C/C++、.NET、Linux、資料庫、運維等。

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！