前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Github 部署个人网页 | 自定义域名

Github 部署个人网页 | 自定义域名

作者头像
写代码的海怪
发布2022-03-30 10:30:05
4.2K0
发布2022-03-30 10:30:05
举报
文章被收录于专栏:海怪的编程小屋

上篇文章讲了如何在 Github 一键部署静态网页。但是,username.github.io 这样的域名也太难看了,放在简历上多少有点影响观感。

这篇文章来分享一下如何给 Github 静态页面添加自定义域名吧~

购买域名

域名购买分为国内和国外两种买法,下面是它们两的差别:

国内

国外

支付

啥都行

支付宝

扩展性

**

需要

不需要

服务器

需要有配套 3 个月租期以上的服务器

不需要

价格

20 ~ 30 元 / 年

10刀 ~ 20 刀 / 年

其中最大的差别就是国内 需要才能使用域名,国外域名则是买了就能用。 现在也比较方便了,在小程序里就能完成。

但是一个比较坑的点是,必须要有 3 个租期以上的服务器才能开始,而且一台服务器只能为一个域名。 所以,会出现花 20 块买域名,但是要花 200 多先租台服务器(3 个月左右)来的坑爹情况。

由于 Github 部署的是国外服务器,国内的域名是不能用在国外服务器的,所以只能购买国外域名。

还有一个点是,域名是可以随时转到不同服务商下的,比如将国外域名转为国内,将腾讯云买的域名转到阿里云等。需要注意的是: 选好之后就尽量不要换了,在更换域名服务商之后,3 个月内域名是用不了的,类似被冻结的状态。

NameSilo 买域名

国外比较出名的域名服务商有 Godaddy 和 NameSilo ,我自己是在 NameSilo 上购买的。为什么选它?主要是便宜。

进入网页后,输入你想要的域名看一看还有没有:

超级便宜,有木有!

DNS 配置

买完之后进入你的 domain manager,然后点击你的域名,进入配置页:

image.png

首先,添加一个 CNAME,将域名指向原来丑陋的 username.github.io。访问你的域名相当于访问了 username.github.io

或者,你也可以添加 4 条 A 记录,将你的域名打到这 4 个 IP 上,也是可以的:

IP 如下:

代码语言:javascript
复制
185.199.108.153
185.199.109.153
185.199.110.153
185.199.111.153

CNAME 和 A 记录两种方法都能将你的域名打到 Github 的静态网页上。配置之后不是立马生效的,需要等 24 小时左右

Github 配置

Github 就很简单了,首先在 Settings 处填入刚刚购买的个人域名。

然后拉到下面,点击 Check it out here!

在里面的 Custom Domain 里填你的域名,并点开 Enforce HTTPS。

因为我这里配置了国内的 CDN,所以会有这个 Warning,而且不能 Enforce HTTPS,大家是不会有这个警告的,放心 :)

都配置成功后,稍等片刻,会在开头这里看到我们域名是 Ready 了:

点进去就能看到在 Github 部署的静态网页啦。

总结

总结一下来我们都做了什么:

  • NameSilo 购买国外域名
  • 添加 DNS 配置,将域名指向 Github 的静态网页
  • 在 Github Settings 添加自定义域名

然而,问题还没解决完。国内访问 Github 部署的静态网页是很慢的,有的时候甚至慢得都访问不了。

那么,下一篇《Github 部署》大结局就来聊一下 如何用国内的 CDN 加速 Github 静态页面

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2021-07-30,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 写代码的海怪 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 购买域名
  • NameSilo 买域名
  • DNS 配置
  • Github 配置
  • 总结
相关产品与服务
内容分发网络 CDN
内容分发网络(Content Delivery Network,CDN)通过将站点内容发布至遍布全球的海量加速节点,使其用户可就近获取所需内容,避免因网络拥堵、跨运营商、跨地域、跨境等因素带来的网络不稳定、访问延迟高等问题,有效提升下载速度、降低响应时间,提供流畅的用户体验。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档