使用 Github 部署静态界面,绑定域名

2,690 阅读2分钟

MedusaSorcerer的博客


在某些情况下, 我们撰写了一套静态界面, 并且呢, 又想将界面开放至公网上共享, 又不想单独花费重金去购买任何云主机, 这个时候我们应该怎么办呢? 例如一篇你开发系统的使用文档, 就是个很好的例子。

Github pages

这个功能可以帮助我们实现。

搭建静态服务

1. 创建静态项目仓库

将你撰写好的静态项目使用 Github 同步至你创建的仓库中, 但是你需要注意, 推荐你使用这样的项目创建方式:

  • .git git 版本控制文件夹
  • docs 静态文件存放文件夹 (名字不可任意修改)
  • _config.yml Github Pages 配置文件 (Github 自动创建)
  • index.md Github Pages 默认主界面 (Github 自动创建)
  • LICENSE
  • README.md

Github 仓库截图:

2. 配置 Github Pages

同步完成后, 可以点击项目的按钮进行相关配置。

    1. 选择开放静态服务的仓库分支
    1. 选择开放静态服务的分支下指定文件夹
    1. 保存修改
    1. 对于拥有域名配置的, 选择绑定的域名配置地址, 如:moas.medusasorcerer.com, 再保存

结束此操作后, 你可以在查看如下图类似的部署映射成功的提示:

访问后如果不成功, 请等待 30 分钟后再来尝试, 官方文档说等待约 10 分支即可访问, 但是我每次部署都要很长时间才会成功, 所以我都是部署完直接睡觉, 明儿一早看结果。

在没有其他平台的域名时, 你也可以使用使用 Github 的三级域名进行访问, 并不影响, 并且下文内容你也不需要再关注了~

3. 配置阿里云域名

登陆阿里云, 然后使用域名管理功能, 如果你没有添加域名管理, 则新建一个域名管理:

在使用域名管理添加解析映射记录, 记录类型选择 CNAME, 主机记录自定义你的二级子域名, 记录值使用 Github 解部署的 .io 域名地址, 其余默认。

等待 Github 部署完成后就可以使用你的二级域名进行访问了~ 如 moas.medusasorcerer.com

(ps:又是一波小广告, 啊哈哈~)