Skip to main content

如何为githubPage添加自定义域名

· 预计阅读2分钟

68CF50FD-8CA2-4A5B-9D3A-F1786775BDFD

当我们把blog托管在github page上后,就能得到一个<userName>.github.io的域名。不过有点丑,没关系我们还可以用自己的域名。

第一步:购买域名

我是在阿里云上买的一个域名,购买完成后,进入解析设置, 然后添加记录。

23A6A5C1-68E6-4B1C-B56F-C962C574E897

添加一个CNAME记录

记录类型:CNAME

主机记录:www

记录值: xxx.github.io

添加多个A记录

参考官方文档, 添加多个A 和 AAAA

记录类型:A

主机记录:不填

记录值: 185.199.108.153

第二步:修改仓库setting

226E7E5E-6EE6-457B-85F9-CD1823B554ED

Custom domain处填写你自己的域名,然后等一会github解析,成功后勾选Enforce https

现在就可以访问新的。

第三步:其他修改

如果你使用像docusaurus这样的框架,那么还得修改config文件中的url和baseUrl。

{
url: 'https://gouxin.fun',
baseUrl: '/',
}

然后你还会发现,每次deploy后custom domain都会被重置。我们还需要在static目录下加上CNAME文件,参考https://docusaurus.io/zh-CN/docs/deployment#docusaurusconfigjs-settings