前言
這篇文章包含了 Jerry 平時(shí)對(duì)于 Github 的一些特殊用法。
目錄如下:
1. 部署 HTML 應(yīng)用到 Github 并運(yùn)行
2. Github 和云平臺(tái)的集成
3. ABAP Git?客戶端
4. 用 Github 搭建個(gè)人博客
5. 一些提高工作效率的小竅門
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è)我開發(fā)了一個(gè) Angular 應(yīng)用,應(yīng)用的入口頁(yè)面是 angular_controller.html,那么將本地文件推送到 Github 后,使用如下格式的 url 訪問該應(yīng)用:
http://.http://github.com//angular_controller.html
我做的一個(gè)例子:
詳細(xì)步驟參考我的博客:
Step by step to host your HTML application to Github
Jerry2014 年從 ABAP 開發(fā)轉(zhuǎn)到 JavaScript 開發(fā)時(shí),在網(wǎng)上搜集了很多開源的 JavaScript 庫(kù)文件,一行一行調(diào)試,體會(huì) JavaScript 大師們是如何把這門語(yǔ)言玩得出神入化的。
我把基于這些庫(kù)文件開發(fā)的一共 91 個(gè) HTML 應(yīng)用都部署到了 Github 上,可以通過點(diǎn)擊下面的鏈接來運(yùn)行。
http://i042416.github.io/FioriODataTestTool2014/
下面是其中一個(gè)應(yīng)用在手機(jī)上運(yùn)行的效果。
2. Github 和云平臺(tái)的集成
一個(gè)例子就是 Github 和 Salesforce 云平臺(tái) Heroku 的集成,對(duì)于開發(fā)人員來說使用非常簡(jiǎn)便。在 Heroku 上創(chuàng)建應(yīng)用后,只需要點(diǎn)擊 Connect to Github 按鈕,
即可通過本地 Git 客戶端向遠(yuǎn)端倉(cāng)庫(kù)的推送動(dòng)作來觸發(fā) Github 向 Heroku 的自動(dòng)部署。
也就是說,每次在本地做完修改,推送到 Github 遠(yuǎn)端倉(cāng)庫(kù)后,我們就可以直接訪問 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 客戶端
一個(gè)開源的用 ABAP 實(shí)現(xiàn)的 Git 客戶端,支持在 SAPGUI 里直接操作 Github 倉(cāng)庫(kù)。
如何使用?還是先在 Github 上創(chuàng)建一個(gè)空的倉(cāng)庫(kù),然后執(zhí)行 ABAP 客戶端,將該倉(cāng)庫(kù)克隆(clone)到 ABAP 系統(tǒng)里某個(gè)包里。這個(gè)動(dòng)作將 ABAP 系統(tǒng)這個(gè)包和 Github 上的倉(cāng)庫(kù)關(guān)聯(lián)起來。
克隆完成后,一旦在 ABAP 包里創(chuàng)建 ABAP 的報(bào)表或者類等開發(fā)對(duì)象,這些對(duì)象會(huì)自動(dòng)出現(xiàn)在 ABAP Git 客戶端。
直接在 ABAP Git 客戶端內(nèi)將這些修改推送到 Github 上:
推送時(shí)和其他 Git 客戶端一樣,維護(hù)提交日志:比如 Jerry test comment:
用瀏覽器打開 Github 倉(cāng)庫(kù),能看見從 ABAP Git 客戶端推送的資源和日志:
4. 用 Github 搭建個(gè)人博客
早在 2012 年 8 月時(shí),阮一峰老師就在他的個(gè)人博客網(wǎng)站上介紹了如何使用 Github 搭建個(gè)人博客:
http://www.ruanyifeng.com/blog/2012/08/blogging_with_jekyll.html
拋開技術(shù)本身不談,在阮一峰老師這篇博客的評(píng)論區(qū),網(wǎng)友們展開了激烈的討論。部分朋友認(rèn)為 Github 不應(yīng)該濫用,只適合用來存儲(chǔ)代碼。
Jerry 對(duì)這種觀點(diǎn)不置可否,下面是 SAP?成都研究院幾位開發(fā)人員和我自己用 Github 搭建的個(gè)人博客:
http://www.tgf21.com?- SAP 成都研究院 S/4HANA 開發(fā)團(tuán)隊(duì) Tang Roam
http://duyue6002.github.io?- SAP 成都研究院 C4C 開發(fā)團(tuán)隊(duì) Du Rhea
手機(jī)上打開這些搭建在 Github 上的個(gè)人博客,效果如圖:
5. 一些提高工作效率的小竅門
在用戶目錄下編輯.gitconfig 文件,為常用的命令設(shè)置一些別名,比如用 git c 代替 git commit -m, 這樣每次使用可以少敲擊幾次鍵盤。
修改用戶目錄下另一個(gè)文件.bash_profile,可以在里面寫一些 shell 腳本,用 function 封裝起來。每次在 Git 客戶端輸入這些 function 即可執(zhí)行對(duì)應(yīng)腳本。
目的還是少敲幾次鍵盤完成同樣的事情。假設(shè)使用這些小技巧每天能節(jié)省 2 分鐘,一年下來能節(jié)省 12 個(gè)小時(shí)敲擊鍵盤的時(shí)間。
6. Github 周邊
兩個(gè)有意思的和 Github 相關(guān)的 Chrome?擴(kuò)展程序。
**Isometric Contributions:**使用 Chrome 打開 Github,能以柱狀圖的方式顯示 contribution 明細(xì)。
**Octotree:**在屏幕左邊以樹形結(jié)構(gòu)顯示倉(cāng)庫(kù)內(nèi)代碼列表,方便查看代碼。
有位老兄寫了個(gè)工具,可以生成一些搞笑的 Github 提交記錄圖片(好像沒什么用)。
https://github.com/moonlightpoet/FunGithub
原理就是把程序指定的 Github 用戶的首頁(yè)下載到本地,再將 HTML 頁(yè)面渲染成指定的字符串。
寫一個(gè)控制臺(tái)程序,指定 Github 用戶名和想看到的字符串:
輸出:
Github 無(wú)處不在:
最后一定要提一提這個(gè)倉(cāng)庫(kù):
https://github.com/houshanren/hangzhou_house_knowledge
到 2018 年 6 月 5 日為止,這個(gè)倉(cāng)庫(kù)已經(jīng)超過 17000 的 Star。。。
不少房地產(chǎn)業(yè)內(nèi)人士看了這個(gè)倉(cāng)庫(kù)的內(nèi)容都大吃一驚。
這份買房攻略寫十分透徹,邏輯清晰,從房產(chǎn)概念、板塊知識(shí)、地價(jià)、配套規(guī)劃、學(xué)區(qū)到區(qū)域價(jià)值分析等,一應(yīng)俱全。對(duì)于只知寫代碼、不了解房地產(chǎn)的程序員來說,這就是一份“購(gòu)房寶典”,成了他們買房前參考的重要資料。
對(duì)于這位同行,Jerry 只想說:厲害了,我的哥!
B站GIT視頻鏈接:https://www.bilibili.com/video/BV1U34y1o7XZ/
分享不易,感謝大家的閱讀!