git page是github推出的静态资源托管的服务。 前提:
- 有一个git在线仓库
- 仓库里有个分支用来存放静态资源(如html文件)
开启
- 路径是:git仓库→setting→Pages,选中对应用来展示网页的分支(上述例子中是gh-page)
- 找到对应的入口网址。如 https://carnia.github.io/page/,打开即是构建后的产物目录。
开启自定义域名
- 先得有个域名
- 在域名的dns管理界面:
- 添加一条
A记录,从@(root,会自动补充为根域名如carnia.tk)指向185.199.111.153- 添加一条CNAME,从www(自动补全为www.carnia.tk)指向carnia.github.io(或者185.199.111.153) - 在git仓库→setting→Pages→Custom domain中填上
carnia.tk顶级域名。 - 等待生效。(一般来说很可能仓库setting中显示没解析成功,但是实际上已经能用了)。
- 一般来说,生效之后可以用cloudflare的cdn加速。
注意
普通page服务和自定义域名服务的区别是:
- 普通page服务绑定的域名是
username.github.io,对应到某个仓库的话,访问路径后面需要加仓库名,比如carnia.github.io/someRegitry/index.html。 - 自定义域名服务是某个page服务仓库绑定一个指定的域名,所以访问路径后面不需要再加上本仓库的名字,比如
carnia.tk/index.html
这个差异会影响到资源构建目录,同一个项目,如果使用:
- 普通page服务,静态资源的路径是
/someRegisry/static/xxx.png - 自定义域名的page服务,静态资源的路径是
/static/xxx.png