你必須『收藏』的Github技巧

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

GitHub Pages你們可能都知道，經常使用的作法，是創建一個gh-pages的分支，經過setting裏的設置的GitHub Pages模塊能夠自動建立該項目的網站。
這裏常常遇到的痛點是，master遇到變動，常常須要去sync到gh-pages，特別是純web前端項目，這樣的痛點是很是地痛。
Github官方可能嗅覺到了該痛點，出了個master看成網站是選項，太有用了。

選擇完master branch以後，master自動變成了網站。master全部的提交會自動更新到網站。

精準分享關鍵代碼

好比你有一個文件裏的某一行代碼寫得很是酷炫或者關鍵，想分享一下。
能夠在url後面加上
#L行號
好比，點擊下面這個url：
github.com/AlloyTeam/A…
你便會跳到alloy_touch.js的第240行。

那麼問題來了？若是我是一段代碼，即多行代碼想分享呢？也很簡單：url後面加上
#L開始行號-L結束行號
好比，AlloyTouch的運動緩動和逆向緩動函數以下面代碼段所示：
github.com/AlloyTeam/A…

其實也不用記憶你直接在網址後面操做，github自動會幫你生成url。好比你點擊39行，url變成了
github.com/AlloyTeam/A…
再按住shift點擊45行，url變成了
github.com/AlloyTeam/A…
而後你這個url就能夠複製分享出去了，點擊這個url的人自動會跳到39行，而且39-45行高亮。

經過提交的msg自動關閉issues

好比有人提交了個issues github.com/AlloyTeam/A…
而後你去主幹上改代碼，改完以後提交填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="//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會根據相關文件代碼的數量來自動識別你這個項目是HTML項目仍是Javascript項目。
這就帶來了一個問題，好比AlloyTouch最開始被識別成HTML項目。
由於HTML例子比JS文件多。怎麼辦呢？gitattributes來幫助你搞定。在項目的根目錄下添加以下.gitattributes文件即可，
github.com/AlloyTeam/A…
裏面的：

*.html linguist-language=JavaScript複製代碼

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

查看本身項目的訪問數據

在本身的項目下，點擊Graphs，而後再點擊Traffic以下所示：

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

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

trending排行榜

上面教你們設置語言了，下面能夠看看怎麼查看某類型語言的每日排行榜。好比js每日排行榜：

github.com/trending/ja…

github.com/trending/ht…

github.com/trending/cs…

Github推薦：github.com/explore

其餘

• issue中輸入冒號 : 添加表情
• 任意界面，shift + ？顯示快捷鍵
• issue中選中文字，R鍵快速引用

最後

好了，我就會這麼多，也是我常常使用的技巧。歡迎補充實用的技巧~~我會持續更新上去...
咱們團隊的Github: alloyteam.github.io/ 裏面有許多酷炫、有趣和實用的項目。AlloyTeam大量招前端，有夢想愛學習的你請把簡歷發送至 mhtml5@qq.com 。