Skip to content

2. GitHub Pages

llz edited this page Apr 3, 2017 · 3 revisions

GitHub Pages 可以将你的仓库 (Repository) 作为一个网站托管。使用 GitHub Pages 建立静态网站免去了搭建服务器的麻烦,并且这项服务是免费的。

1. 开启 GitHub Pages

  1. 登录 GitHub 并进入你的仓库,转到 Settings 标签
  1. 找到 Options > GitHub Pages
    往下翻就能看到了。
  1. 选择 master 分支作为网页文件夹

点击 Save 保存。

  1. 如图,仓库已作为网站发布

图中网站发布在 https://xxxxxxxx.github.io/helloworld/
其中xxxxxxxx是你的GitHub账号,helloworld是你的仓库。

2. 网站基础知识

https://xxxxxxxx.github.io/helloworld/这个网址为例,我们把它拆分为三部分:

  • https://
  • xxxxxxxx.github.io
  • /helloworld/
  1. 协议 https://

    网站常用的协议是HTTPHTTPS。相比HTTPHTTPS使用加密的方式来传输信息。以上例子使用的协议是HTTPS

  2. 主机 xxxxxxxx.github.io

    主机可以是IP地址的形式也可以是域名
    例如路由器后台192.168.0.1是IP地址,而www.google.com是域名。
    域名会通过DNS转换为IP地址。所以无论是IP地址还是域名,最终都是锁定到网络上的一台主机。
    例子中使用的是域名

  3. /helloworld/ 是请求的文件的路径

    当你在地址栏输入以上网址时,浏览器会使用HTTPS协议向主机xxxxxxxx.github.io发起一个请求,请求获取/helloworld/这个文件。

    看到这里,你可能会发现/helloworld/并不是一个文件,而是一个文件夹。
    一般情况下,当服务器发现请求的内容是一个文件夹,就会在这个文件夹下面寻找index.html这个文件,并把这个文件发回用户。
    在这种情况下,https://xxxxxxxx.github.io/helloworld/https://xxxxxxxx.github.io/helloworld/index.html是等价的。

    如果你仓库里的网页文件名不是index.html,比如abc.html,那么网址应该精确到文件而不是文件夹: https://xxxxxxxx.github.io/helloworld/abc.html

    如果你请求的路径是错误的:没有这个文件或文件夹、有这个文件夹但这个文件夹里没有index.html。那么你会看到一个找不到文件的错误:404: File not found

Clone this wiki locally