什么是GitHub Pages

如果你想搞一个静态网站(HTML CSS Javascript)发布到公网上,你就可以用GitHub Pages。它有个免费的服务器可以托管你的静态网站。

如何使用GitHub Pages

  • 先在本地设计好你的静态网站,然后在 Github 创建一个仓库,推上去。
  • 点进Settings,左边侧边栏找到Pages,
  • Source选择Deploy from branch,下面设置好你的branch和文件夹。
  • 点击Save,等待,刷新页面查看分配给你的域名。
  • 访问url,大功告成

个人主页

如果你直接按照上面的搞,你会发现你的域名类似于"<用户名>.github.io/<仓库名>",但是我们常常看到别人简历上个人主页没有仓库名。

要实现这个效果其实很简单,就是创建一个具有特殊名字的仓库,名字就叫"<用户名>.github.io"。然后用GitHub Pages发布这个仓库,你就会发现 它的域名就是"<用户名>.github.io",称为主页域名。

自定义域名

可不可以搞一个更炫酷的域名呢?幸运的是GitHub Pages支持自定义域名。我们可以去域名提供商购买自己的域名,设置DNS解析到你的 Github 主页域名上。

  1. 购买域名。我们可以去华为云上买一个,注意第一次买你需要实名身份认证,按照指引来就是。费用大概是2,30块钱一年,有的时候搞活动会更低一点。
  2. 然后去华为云搜索DNS,设置域名解析:右上角添加记录集,主机记录填www,类型填CNAME,下面"值"里面填你的 Github 主页域名——注意是"<用户名>.github.io",后面不能有仓库名。
  3. 回到GitHub Pages页面,下翻到Custom domain,填写你的刚才设置的自己的域名,按照我们的流程,这里应该写"www.<注册的域名>"。
  4. 大功告成!