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

1、一秒鐘把Github項目變成前端網(wǎng)站

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

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

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

選擇完master branch之后，master自動變成了網(wǎng)站。master所有的提交會自動更新到網(wǎng)站。

2、精準分享關(guān)鍵代碼

比如你有一個文件里的某一行代碼寫得非?？犰呕蛘哧P(guān)鍵，想分享一下。

可以在url后面加上#L行號

比如，點擊下面這個url：

• https://github.com/AlloyTeam/...

你便會跳到alloy_touch.js的第240行。

那么問題來了?如果我是一段代碼，即多行代碼想分享呢?也很簡單：url后面加上 #L開始行號-L結(jié)束行號

比如，AlloyTouch的運動緩動和逆向緩動函數(shù)如下面代碼段所示：

• https://github.com/AlloyTeam/...

其實也不用記憶你直接在網(wǎng)址后面操作，github自動會幫你生成url。比如你點擊39行，url變成了

• https://github.com/AlloyTeam/...

再按住shift點擊45行，url變成了

• https://github.com/AlloyTeam/...

然后你這個url就可以復制分享出去了，點擊這個url的人自動會跳到39行，并且39-45行高亮。

3、通過提交的msg自動關(guān)閉issues

比如有人提交了個issues https://github.com/AlloyTeam/... 然后你去主干上改代碼，改完之后提交填msg的時候，填入：

fix https://github.com/AlloyTeam/AlloyTouch/issues/6

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

• close
• closes
• closed
• fixes
• fixed
• resolve
• resolves
• resolved

4、通過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> 

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

5、gitattributes設置項目語言

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

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

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

https://github.com/AlloyTeam/...

里面的：

*.html linguist-language=JavaScript 

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

6、查看自己項目的訪問數(shù)據(jù)

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

里面有Referring sites和Popular content的詳細數(shù)據(jù)和排名。如：Referring sites

其中Referring sites代表大家都是從什么網(wǎng)站來到你的項目的，Popular content代表大家經(jīng)?？茨沩椖康哪男┪募?。

7、trending排行榜

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

• https://github.com/trending/j...
• https://github.com/trending/h...
• https://github.com/trending/c...
• Github推薦：https://github.com/explore

8、其他

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