如何将web应用部署在Github page上

(1) Create a new empty github repository:

如何将web应用部署在Github page上_第1张图片

The local project has the following folder structure:
lib( folder )
|- angular.js
angular_controller.html
Follow the instructions in above picture to push the local project to github. Once done, it should look like below:

如何将web应用部署在Github page上_第2张图片

(2) use command git checkout –orphan gh-pages to create a new branch named “gh-pages”.

如何将web应用部署在Github page上_第3张图片

Add all files in local project to this branch and push them to github again via command:

git push origin gh-pages
Once done, you should find a new branch gh-pages in github now.

如何将web应用部署在Github page上_第4张图片

Switch to this branch:

如何将web应用部署在Github page上_第5张图片

Click the hyperlink of html, and you get the following url in browser:
https://github.com/i042416/je...

如何将web应用部署在Github page上_第6张图片

The url for this Angular application hosted in github is:
http://.github.com//angular_controller.html
As a result in my example, the url is:http://i042416.github.io/jerr...
Test in browser and it works now:

如何将web应用部署在Github page上_第7张图片

要获取更多Jerry的原创文章,请关注公众号"汪子熙":

你可能感兴趣的:(sap,saprfc,crm,erp,abap)