使用自定义域名来访问GitHub上部署的hugo博客——GitHub Pages

hugo博客搭建好了,但访问的时候只能是以固定的域名形式(用户名.github.io)进行访问。这时可以通过购买域名的方式行实现自定义域名访问。可以去国外买或者国内,国内都是需要备案的。

https://sg.godaddy.com/zh例如这个就是国外购买域名的网站,直接购买即可。如果是国内的话需要购买域名和服务器或主机才能备案。

购买域名后:

第一步

首先是用ping命令找到存放你的github pages的主机的IP地址,在终端里面用命令ping xxx.github.io便可完成,下图中红框内的就是我们要找的IP地址:
使用自定义域名来访问GitHub上部署的hugo博客——GitHub Pages_第1张图片

第二步

在购买域名的提供商为域名添加解析。我是在阿里云买的域名,因此我以阿里云的为例。在域名控制台选择想要绑定的域名,并点击解析:
使用自定义域名来访问GitHub上部署的hugo博客——GitHub Pages_第2张图片
然后添加如下两条记录:

  • 记录类型:CNAME 将一个域名指向例外一个域名,再由另一个域名提供 IP 地址,就需要添加 CNAME 记录。
    主机记录:www 表示访问域名的时候以www开头为一级域名。如果是二级域名的话就在前面加上自己想要的参数,访问的时候也是以二级域名的形式访问。
    在这里插入图片描述
  • 记录类型:A 将域名指向一个IPv4地址,如果需要将域名指向一个 IP 地址(外网地址),就需要添加 A 记录。
    主机记录:@ 表示访问的时候直接用 yunxdr.top 形式 访问,前面不加任何参数。如果是www,就要以 www.yunxdr.top 访问。这里设置的@形式与下面GitHub上自定义的域名要对应
    在这里插入图片描述

第三步

  • 在上面存放静态网站的Repository Settings里面GitHubPages Custom domain(自定义域名)填上自己的域名点击save;
    使用自定义域名来访问GitHub上部署的hugo博客——GitHub Pages_第3张图片
    使用自定义域名来访问GitHub上部署的hugo博客——GitHub Pages_第4张图片
    设置完成后就可以通过 yunxdr.top 访问部署在GitHub上的hugo的网站了
    使用自定义域名来访问GitHub上部署的hugo博客——GitHub Pages_第5张图片

例外如果不太懂解析域名的可以参考如下资料:
使用自定义域名来访问GitHub上部署的hugo博客——GitHub Pages_第6张图片
使用自定义域名来访问GitHub上部署的hugo博客——GitHub Pages_第7张图片
关于记录值www和@的区别

  • 创建 www.dns-example.com 的子域名。
    使用自定义域名来访问GitHub上部署的hugo博客——GitHub Pages_第8张图片
  • 创建 dns-example.com 的子域名。
    使用自定义域名来访问GitHub上部署的hugo博客——GitHub Pages_第9张图片

你可能感兴趣的:(Blog,网站建站,Git&GitHub)