前言
很多新手把自己的网页上传到 GitHub 仓库中却发现点进去相应的 html 文件显示出来的是下面代码, 而不是自己想在网上看到自己仓库中的 demo(也就是网页的效果)
img
那么我们有没有办法预览项目中的 HTML 网页呢? 好在 GitHub 已经推出了 GitHub Pages 功能, 让大家方便的预览自己的 HTML. 下面就给大家做一个简易教程.
步骤
1. 登入 GitHub, 新建一个 repo, 设置如下:
img1
img2
2. 进入「settings」页面:
img3
3. 往下滚, 按照图片中 1-2-3 的顺序, 开启 GitHub Pages 功能, 得到一个「预览地址」, 我的「预览地址」是 https://phoebe-choi.github.io/demo/.
img5
4. 以后你就用这个「预览地址」来预览你的 HTML, 比如你的 HTML 路径是 test/index.HTML, 那么预览链接就是 https://phoebe-choi.github.io/demo/test/index.html 步骤如下:
img6
新建 test/index.HTML
img7
编辑好后点击下方的 create new file 即可创建文件, 根据刚才创建的文件名称的相对路径就可以用「预览地址」来预览 HTML 文件了
在浏览器输入: https://phoebe-choi.github.io/demo/test/index.html 进行预览
这样, 你就能自己随时预览 GitHub 里的页面了!
以后, 你只需要用 Git 上传代码到这个仓库, 就可以拿到作业的预览链接了!
来源: http://www.bubuko.com/infodetail-2846536.html