在某些情况下, 我们撰写了一套静态界面, 并且呢, 又想将界面开放至公网上共享, 又不想单独花费重金去购买任何云主机, 这个时候我们应该怎么办呢? 例如一篇你开发系统的使用文档, 就是个很好的例子。
Github pages
这个功能可以帮助我们实现。
搭建静态服务
1. 创建静态项目仓库
将你撰写好的静态项目使用 Github 同步至你创建的仓库中, 但是你需要注意, 推荐你使用这样的项目创建方式:
.git
git 版本控制文件夹docs
静态文件存放文件夹 (名字不可任意修改)_config.yml
Github Pages 配置文件 (Github 自动创建)index.md
Github Pages 默认主界面 (Github 自动创建)LICENSE
README.md
Github 仓库截图:
2. 配置 Github Pages
同步完成后, 可以点击项目的按钮进行相关配置。
-
- 选择开放静态服务的仓库分支
-
- 选择开放静态服务的分支下指定文件夹
-
- 保存修改
-
- 对于拥有域名配置的, 选择绑定的域名配置地址, 如:
moas.medusasorcerer.com
, 再保存
- 对于拥有域名配置的, 选择绑定的域名配置地址, 如:
结束此操作后, 你可以在查看如下图类似的部署映射成功的提示:
访问后如果不成功, 请等待 30 分钟后再来尝试, 官方文档说等待约 10 分支即可访问, 但是我每次部署都要很长时间才会成功, 所以我都是部署完直接睡觉, 明儿一早看结果。
在没有其他平台的域名时, 你也可以使用使用 Github 的三级域名进行访问, 并不影响, 并且下文内容你也不需要再关注了~
3. 配置阿里云域名
登陆阿里云, 然后使用域名管理功能, 如果你没有添加域名管理, 则新建一个域名管理:
在使用域名管理添加解析映射记录,
记录类型选择 CNAME
,
主机记录自定义你的二级子域名,
记录值使用 Github 解部署的 .io
域名地址,
其余默认。
等待 Github 部署完成后就可以使用你的二级域名进行访问了~ 如 moas.medusasorcerer.com 。
(ps:又是一波小广告, 啊哈哈~)