如何使用github pages展示你的前端页面

因为我是做前端的,上传的代码都是前端代码,因此给别人一个链接可以轻松的访问到你的代码固然是极好的。之前不会设置,所以就把所有的界面效果截图放到了readme文档,但这样做有一些很好的交互效果别人无法看到。因此今天在网上找了一些如何查看网页效果的方法。
最后发现用github pages其实非常简单,前提条件当然是你的代码已经上传到你的仓库中了。
下一步打开你的仓库找到settings。

Paste_Image.png

在你的settings中有一项是github pages,这里有一个source选项,选到master并save。

如何使用github pages展示你的前端页面_第1张图片
Paste_Image.png

这样在你的github pages中就多了一个url,通过这个url就可以访问你的项目了。

Paste_Image.png

当然如果在你的根文件中有index.html就可以直接访问页面,如果没有则需要在后面加上相应的html的地址。这样别人就可以打开链接访问你做的网页啦~

你可能感兴趣的:(如何使用github pages展示你的前端页面)