如何使用 GitHub Pages 在线加载静态网页

相信很多前端新手在开发完一个项目后,迫不急待的希望能够把自己的项目部署到网络中。GitHub 这一神奇的网站就为我们提供了这一便利,它可以解析静态网页,免去自己购买云主机+域名的麻烦,而且操作也很简便

疑问

很多童鞋在把自己的前端项目上传到 GitHub 仓库中后,希望点击 HTML 文件时能让浏览器解析出来,但现实却是点进去之后你看到的是文件的源码。所以很多新手就考虑着要不要买个云主机+域名来部署到互联网上,其实这是完全没有必要的,因为在 GitHub 这个神奇的地方还有很多你不知道的秘密(装逼脸)。

解决办法

第一步:将项目上传到 GitHub 仓库

项目

第二步:找到项目 Settings,点击进去

项目Settings

第三步:找到 GitHub Pages 一栏,切换 Source 的选项为 master branch 并点击 Save

GitHub Pages

切换选项并保存

第四步:保存后出现了链接,点击后复制浏览器地址栏的地址即为项目网页的地址

第五步:可以将链接放到 README 文件中供仓库的访问者预览效果

本文作者:刘志宇

版权声明:本博客所有文章除特别声明外,均采用 CC BY-NC-SA 3.0 许可协议。转载请注明出处!

Donate comment here