1. 程式人生 > >寫在Github被微軟收購之際 - Github的那些另類用法

寫在Github被微軟收購之際 - Github的那些另類用法

sap sap雲平臺 github 微軟 開源

這幾天朋友圈被微軟75億美元收購Github的新聞刷屏了。Jerry也來貢獻一篇和Github相關的文章。

這篇文章包含了Jerry平時對於Github的一些另類用法。目錄如下:

1. 部署HTML應用到Github並運行

2. Github和雲平臺的集成

3. ABAP Git客戶端

4. 用Github搭建個人博客

5. 一些提高工作效率的小竅門

6. Github周邊

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

1. 部署HTML應用到Github並運行

這個技巧其實是把Github作為一個簡單的Web容器使用。新建一個Github倉庫,再新建一個gh-pages分支,將您的HTML項目文件保存並推送到該分支下。假設我開發了一個Angular應用,應用的入口頁面是angular_controller.html,那麽將本地文件推送到Github後,使用如下格式的url訪問該應用:

http://<your user name in github>.github.com/<repository_name>/angular_controller.html

我做的一個例子:

技術分享圖片

詳細步驟參考我的博客:

Step by step to host your HTML application to Github

Jerry2014年從ABAP開發轉到JavaScript開發時,在網上搜集了很多開源的JavaScript庫文件,一行一行調試,體會JavaScript大師們是如何把這門語言玩得出神入化的。

我把基於這些庫文件開發的一共91個HTML應用都部署到了Github上,可以通過點擊下面的鏈接來運行。

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

下面是其中一個應用在手機上運行的效果。

技術分享圖片

2. Github和雲平臺的集成

一個例子就是Github和Salesforce雲平臺Heroku的集成,對於開發人員來說使用非常簡便。在Heroku上創建應用後,只需要點擊Connect to Github按鈕,

技術分享圖片

即可通過本地Git客戶端向遠端倉庫的推送動作來觸發Github向Heroku的自動部署。

技術分享圖片

技術分享圖片

也就是說,每次在本地做完修改,推送到Github遠端倉庫後,我們就可以直接訪問Heroku上最新版本的應用了。

詳細步驟參考我的博客:Step by step to host your UI5 application in Heroku

我部署在Heroku上的一個UI5應用:

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

3. ABAP Git客戶端

一個開源的用ABAP實現的Git客戶端,支持在SAPGUI裏直接操作Github倉庫。

http://www.abapgit.org/

如何使用?還是先在Github上創建一個空的倉庫,然後執行ABAP客戶端,將該倉庫克隆(clone)到ABAP系統裏某個包裏。這個動作將ABAP系統這個包和Github上的倉庫關聯起來。

技術分享圖片

克隆完成後,一旦在ABAP包裏創建ABAP的報表或者類等開發對象,這些對象會自動出現在ABAP Git客戶端。

技術分享圖片

直接在ABAP Git客戶端內將這些修改推送到Github上:

技術分享圖片

推送時和其他Git客戶端一樣,維護提交日誌:比如Jerry test comment:

技術分享圖片

用瀏覽器打開Github倉庫,能看見從ABAP Git客戶端推送的資源和日誌:

技術分享圖片

4. 用Github搭建個人博客

早在2012年8月時,阮一峰老師就在他的個人博客網站上介紹了如何使用Github搭建個人博客:

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

拋開技術本身不談,在阮一峰老師這篇博客的評論區,網友們展開了激烈的討論。部分朋友認為Github不應該濫用,只適合用來存儲代碼。

Jerry對這種觀點不置可否,下面是SAP成都研究院幾位開發人員和我自己用Github搭建的個人博客:

  • http://www.tgf21.com?- SAP成都研究院S/4HANA開發團隊Tang Roam

  • http://duyue6002.github.io?- SAP成都研究院C4C開發團隊Du Rhea

  • http://jerrywang.vip

手機上打開這些搭建在Github上的個人博客,效果如圖:

技術分享圖片

5. 一些提高工作效率的小竅門

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

技術分享圖片

修改用戶目錄下另一個文件.bash_profile,可以在裏面寫一些shell腳本,用function封裝起來。每次在Git客戶端輸入這些function即可執行對應腳本。

目的還是少敲幾次鍵盤完成同樣的事情。假設使用這些小技巧每天能節省2分鐘,一年下來能節省12個小時敲擊鍵盤的時間。

技術分享圖片

6. Github周邊

兩個有意思的和Github相關的Chrome擴展程序。

Isometric Contributions:使用Chrome打開Github,能以柱狀圖的方式顯示contribution明細。

技術分享圖片

Octotree:在屏幕左邊以樹形結構顯示倉庫內代碼列表,方便查看代碼。

技術分享圖片

有位老兄寫了個工具,可以生成一些搞笑的Github提交記錄圖片(好像沒什麽用)。

https://github.com/moonlightpoet/FunGithub

原理就是把程序指定的Github用戶的首頁下載到本地,再將HTML頁面渲染成指定的字符串。

寫一個控制臺程序,指定Github用戶名和想看到的字符串:

技術分享圖片

輸出:

技術分享圖片

Github無處不在:

技術分享圖片

技術分享圖片

最後一定要提一提這個倉庫:

https://github.com/houshanren/hangzhou_house_knowledge

到2018年6月5日為止,這個倉庫已經超過17000的Star。。。

技術分享圖片

不少房地產業內人士看了這個倉庫的內容都大吃一驚。

這份買房攻略寫十分透徹,邏輯清晰,從×××概念、板塊知識、地價、配套規劃、學區到區域價值分析等,一應俱全。對於只知寫代碼、不了解房地產的程序員來說,這就是一份“購房寶典”,成了他們買房前參考的重要資料。

對於這位同行,Jerry只想說:厲害了,我的哥!

技術分享圖片

要獲取更多Jerry的原創技術文章,請關註公眾號"汪子熙"或者掃描下面二維碼:

技術分享圖片

技術分享圖片

寫在Github被微軟收購之際 - Github的那些另類用法