如何预览 GitHub 上的页面


(方方) #1

你写在 GitHub 上的 html 你居然无法预览,程序员怎么能忍受这种事情,好在 GitHub 推出了 GitHub Pages 功能,让你方便的预览你的 HTML。

步骤如下:

  1. 登入 GitHub,新建一个 repo,设置如下:

  2. 进入「settings」页面:
  3. 往下滚,开启 GitHub Pages 功能,得到一个「预览地址」,我的「预览地址」是 https://frankfang.github.io/demos/
  4. 以后你就用这个「预览地址」来预览你的 html,比如你的 html 路径是 test/test.html,那么预览链接就是 https://frankfang.github.io/demos/test/test.html 。步骤如下:
    1. 新建 test/test.html

    2. 在浏览器输入 https://frankfang.github.io/demos/test/test.html

这样,你就能自己随时预览 GitHub 里的页面了!

以后,你只需要用 git 上传代码到这个仓库,就可以拿到作业的预览链接了!


【讲义】第六课:远程!
(方方) #2