如何利用github制作静态网页DEMO
2016-05-16 本文已影响0人
Cyan哈宝
1 Create a new repository
![](https://img.haomeiwen.com/i1796265/ee0b475a7d923c5c.jpg)
2 点击settings
![](https://img.haomeiwen.com/i1796265/e3a68f4c5bbe0b21.jpg)
3 点击Lanch automatic page generator
![](https://img.haomeiwen.com/i1796265/d991c51f3ffc9ec5.jpg)
4 点击continue to layouts
![](https://img.haomeiwen.com/i1796265/65cc11ed6d66659b.jpg)
5 选择模板,点击Publish Page
![](https://img.haomeiwen.com/i1796265/6dcc26149f008690.jpg)
这样就创建了gh-page分支
![](https://img.haomeiwen.com/i1796265/3900187221a399c6.jpg)
6 修改index.html,改成自己的DEMO代码
![](https://img.haomeiwen.com/i1796265/f9b9423fe546ecc2.jpg)
7 选择选项并点击Propose file change
![](https://img.haomeiwen.com/i1796265/9cce9a28bcfe5240.jpg)
8 create pull request
![](https://img.haomeiwen.com/i1796265/1ee32c59a5f6a74b.jpg)
9 merge pull request
![](https://img.haomeiwen.com/i1796265/097ee1ca68d46888.jpg)
10 Confirm merge
![](https://img.haomeiwen.com/i1796265/778d9fbd3fcfc867.jpg)
![](https://img.haomeiwen.com/i1796265/00dd10fc38529cd7.jpg)
11 打开Test0516的settings,点击publish网址
![](https://img.haomeiwen.com/i1796265/9bb95244ec521eef.jpg)
12 就会呈现自己的DEMO静态页面
![](https://img.haomeiwen.com/i1796265/24f027e78370a679.jpg)
注:新手菜鸟,有错勿喷~