你必須收藏的Github技巧

【當耐特】發表於2016-12-14

一秒鐘把Github專案變成前端網站

GitHub Pages大家可能都知道，常用的做法，是建立一個gh-pages的分支，通過setting裡的設定的GitHub Pages模組可以自動建立該專案的網站。
這裡經常遇到的痛點是，master遇到變更，經常需要去sync到gh-pages，特別是純web前端專案，這樣的痛點是非常地痛。
Github官方可能嗅覺到了該痛點，出了個master當作網站是選項，太有用了。

你必須收藏的Github技巧

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

精準分享關鍵程式碼

比如你有一個檔案裡的某一行程式碼寫得非常酷炫或者關鍵，想分享一下。
可以在url後面加上
#L行號
比如，點選下面這個url：
https://github.com/AlloyTeam/AlloyTouch/blob/master/alloy_touch.js#L240
你便會跳到alloy_touch.js的第240行。

你必須收藏的Github技巧

那麼問題來了？如果我是一段程式碼，即多行程式碼想分享呢？也很簡單：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變成了
https://github.com/AlloyTeam/AlloyTouch/blob/master/alloy_touch.js#L39-L45
然後你這個url就可以複製分享出去了，點選這個url的人自動會跳到39行，並且39-45行高亮。

你必須收藏的Github技巧

通過提交的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="//ghbtns.com/github-btn.html?user=alloyteam&repo=alloytouch&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="110" height="20"></iframe>

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

你必須收藏的Github技巧

gitattributes設定專案語言

你必須收藏的Github技巧

如上圖所示，github會根據相關檔案程式碼的數量來自動識別你這個專案是HTML專案還是Javascript專案。
這就帶來了一個問題，比如AlloyTouch最開始被識別成HTML專案。
因為HTML例子比JS檔案多。怎麼辦呢？gitattributes來幫助你搞定。在專案的根目錄下新增如下.gitattributes檔案便可，
https://github.com/AlloyTeam/AlloyTouch/blob/master/.gitattributes
裡面的：