寫(xiě)在Github被微軟收購(gòu)之際 - Github的那些另類(lèi)用法

這幾天朋友圈被微軟75億美元收購(gòu)Github的新聞刷屏了。Jerry也來(lái)貢獻(xiàn)一篇和Github相關(guān)的文章。

這篇文章包含了Jerry平時(shí)對(duì)于Github的一些另類(lèi)用法。目錄如下：

1. 部署HTML應(yīng)用到Github并運(yùn)行

2. Github和云平臺(tái)的集成

3. ABAP Git客戶(hù)端

4. 用Github搭建個(gè)人博客

5. 一些提高工作效率的小竅門(mén)

6. Github周邊

如果您也有使用Github的小技巧，歡迎留言。

1. 部署HTML應(yīng)用到Github并運(yùn)行

這個(gè)技巧其實(shí)是把Github作為一個(gè)簡(jiǎn)單的Web容器使用。新建一個(gè)Github倉(cāng)庫(kù)，再新建一個(gè)gh-pages分支，將您的HTML項(xiàng)目文件保存并推送到該分支下。假設(shè)我開(kāi)發(fā)了一個(gè)Angular應(yīng)用，應(yīng)用的入口頁(yè)面是angular_controller.html，那么將本地文件推送到Github后，使用如下格式的url訪問(wèn)該應(yīng)用：

http://.github.com//angular_controller.html

我做的一個(gè)例子：

詳細(xì)步驟參考我的博客：

Step by step to host your HTML application to Github

Jerry2014年從ABAP開(kāi)發(fā)轉(zhuǎn)到JavaScript開(kāi)發(fā)時(shí)，在網(wǎng)上搜集了很多開(kāi)源的JavaScript庫(kù)文件，一行一行調(diào)試，體會(huì)JavaScript大師們是如何把這門(mén)語(yǔ)言玩得出神入化的。

我把基于這些庫(kù)文件開(kāi)發(fā)的一共91個(gè)HTML應(yīng)用都部署到了Github上，可以通過(guò)點(diǎn)擊下面的鏈接來(lái)運(yùn)行。

http://i042416.github.io/FioriODataTestTool2014/

下面是其中一個(gè)應(yīng)用在手機(jī)上運(yùn)行的效果。

2. Github和云平臺(tái)的集成

一個(gè)例子就是Github和Salesforce云平臺(tái)Heroku的集成，對(duì)于開(kāi)發(fā)人員來(lái)說(shuō)使用非常簡(jiǎn)便。在Heroku上創(chuàng)建應(yīng)用后，只需要點(diǎn)擊Connect to Github按鈕，

即可通過(guò)本地Git客戶(hù)端向遠(yuǎn)端倉(cāng)庫(kù)的推送動(dòng)作來(lái)觸發(fā)Github向Heroku的自動(dòng)部署。

也就是說(shuō)，每次在本地做完修改，推送到Github遠(yuǎn)端倉(cāng)庫(kù)后，我們就可以直接訪問(wèn)Heroku上最新版本的應(yīng)用了。

詳細(xì)步驟參考我的博客：Step by step to host your UI5 application in Heroku

我部署在Heroku上的一個(gè)UI5應(yīng)用：

https://jerrylist.herokuapp.com/ui5/

3. ABAP Git客戶(hù)端

一個(gè)開(kāi)源的用ABAP實(shí)現(xiàn)的Git客戶(hù)端，支持在SAPGUI里直接操作Github倉(cāng)庫(kù)。

http://www.abapgit.org/

如何使用？還是先在Github上創(chuàng)建一個(gè)空的倉(cāng)庫(kù)，然后執(zhí)行ABAP客戶(hù)端，將該倉(cāng)庫(kù)克隆（clone）到ABAP系統(tǒng)里某個(gè)包里。這個(gè)動(dòng)作將ABAP系統(tǒng)這個(gè)包和Github上的倉(cāng)庫(kù)關(guān)聯(lián)起來(lái)。

克隆完成后，一旦在ABAP包里創(chuàng)建ABAP的報(bào)表或者類(lèi)等開(kāi)發(fā)對(duì)象，這些對(duì)象會(huì)自動(dòng)出現(xiàn)在ABAP Git客戶(hù)端。

直接在ABAP Git客戶(hù)端內(nèi)將這些修改推送到Github上：

推送時(shí)和其他Git客戶(hù)端一樣，維護(hù)提交日志：比如Jerry test comment：

用瀏覽器打開(kāi)Github倉(cāng)庫(kù)，能看見(jiàn)從ABAP Git客戶(hù)端推送的資源和日志：

4. 用Github搭建個(gè)人博客

早在2012年8月時(shí)，阮一峰老師就在他的個(gè)人博客網(wǎng)站上介紹了如何使用Github搭建個(gè)人博客：

http://www.ruanyifeng.com/blog/2012/08/blogging_with_jekyll.html

拋開(kāi)技術(shù)本身不談，在阮一峰老師這篇博客的評(píng)論區(qū)，網(wǎng)友們展開(kāi)了激烈的討論。部分朋友認(rèn)為Github不應(yīng)該濫用，只適合用來(lái)存儲(chǔ)代碼。

Jerry對(duì)這種觀點(diǎn)不置可否，下面是SAP成都研究院幾位開(kāi)發(fā)人員和我自己用Github搭建的個(gè)人博客：

http://www.tgf21.com - SAP成都研究院S/4HANA開(kāi)發(fā)團(tuán)隊(duì)Tang Roam

http://duyue6002.github.io - SAP成都研究院C4C開(kāi)發(fā)團(tuán)隊(duì)Du Rhea

http://jerrywang.vip

手機(jī)上打開(kāi)這些搭建在Github上的個(gè)人博客，效果如圖：

5. 一些提高工作效率的小竅門(mén)

在用戶(hù)目錄下編輯.gitconfig文件，為常用的命令設(shè)置一些別名，比如用git c 代替git commit -m, 這樣每次使用可以少敲擊幾次鍵盤(pán)。

修改用戶(hù)目錄下另一個(gè)文件.bash_profile，可以在里面寫(xiě)一些shell腳本，用function封裝起來(lái)。每次在Git客戶(hù)端輸入這些function即可執(zhí)行對(duì)應(yīng)腳本。

目的還是少敲幾次鍵盤(pán)完成同樣的事情。假設(shè)使用這些小技巧每天能節(jié)省2分鐘，一年下來(lái)能節(jié)省12個(gè)小時(shí)敲擊鍵盤(pán)的時(shí)間。

6. Github周邊

兩個(gè)有意思的和Github相關(guān)的Chrome擴(kuò)展程序。

**Isometric Contributions:**使用Chrome打開(kāi)Github，能以柱狀圖的方式顯示contribution明細(xì)。

**Octotree：**在屏幕左邊以樹(shù)形結(jié)構(gòu)顯示倉(cāng)庫(kù)內(nèi)代碼列表，方便查看代碼。

有位老兄寫(xiě)了個(gè)工具，可以生成一些搞笑的Github提交記錄圖片（好像沒(méi)什么用）。

https://github.com/moonlightpoet/FunGithub

原理就是把程序指定的Github用戶(hù)的首頁(yè)下載到本地，再將HTML頁(yè)面渲染成指定的字符串。

寫(xiě)一個(gè)控制臺(tái)程序，指定Github用戶(hù)名和想看到的字符串：

輸出：

Github無(wú)處不在：

最后一定要提一提這個(gè)倉(cāng)庫(kù)：

https://github.com/houshanren/hangzhou_house_knowledge

到2018年6月5日為止，這個(gè)倉(cāng)庫(kù)已經(jīng)超過(guò)17000的Star。。。

不少房地產(chǎn)業(yè)內(nèi)人士看了這個(gè)倉(cāng)庫(kù)的內(nèi)容都大吃一驚。

這份買(mǎi)房攻略寫(xiě)十分透徹，邏輯清晰，從房產(chǎn)概念、板塊知識(shí)、地價(jià)、配套規(guī)劃、學(xué)區(qū)到區(qū)域價(jià)值分析等，一應(yīng)俱全。對(duì)于只知寫(xiě)代碼、不了解房地產(chǎn)的程序員來(lái)說(shuō)，這就是一份“購(gòu)房寶典”，成了他們買(mǎi)房前參考的重要資料。

對(duì)于這位同行，Jerry只想說(shuō)：厲害了，我的哥！

再介紹兩個(gè)實(shí)用的 github 擴(kuò)展：

1. Octotree

默認(rèn)的github網(wǎng)頁(yè)里的代碼顯示沒(méi)有我們?cè)贗DE里看到的直觀，即代碼文件所在的文件夾無(wú)法以樹(shù)形層級(jí)結(jié)構(gòu)顯示在屏幕左邊。

安裝Octotree之后：

方便多了。

2. Isometric Contributions

github commit的統(tǒng)計(jì)頁(yè)面比較平淡：

安裝了Isometric Contributions之后，這個(gè)統(tǒng)計(jì)頁(yè)面會(huì)以柱狀圖顯示出來(lái)，有趣多了：

Git GitHub JavaScript

版權(quán)聲明：本文內(nèi)容由網(wǎng)絡(luò)用戶(hù)投稿，版權(quán)歸原作者所有，本站不擁有其著作權(quán)，亦不承擔(dān)相應(yīng)法律責(zé)任。如果您發(fā)現(xiàn)本站中有涉嫌抄襲或描述失實(shí)的內(nèi)容，請(qǐng)聯(lián)系我們jiasou666@gmail.com 處理，核實(shí)后本網(wǎng)站將在24小時(shí)內(nèi)刪除侵權(quán)內(nèi)容。