整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

知识分享:域名的绑定与解析设置

于域名大家应该很不陌生了,它就好比自家的门牌号码,需要具备简短易记,这样才能方便用户的记忆和操作。在今天的内容中,廊坊网站建设公司的小编将主要讲讲如何进行域名的绑定和解析设置。

当域名申请完成后,会有一个管理平台,进入到里面我们可以很清楚的看到域名注册时间和到期时间,还有就是一些相关的信息。有了域名之后我们就可以进行空间的绑定和解析操作了,下面分两步进行设置:

1.绑定域名

首先登陆会员帐号,选择业务管理中的虚拟主机管理,找到对应的主机,点击管理。点击进入高级管理,即可进入主机控制面板。在控制面板中选择域名绑定功能,将所要绑定的域名填写,然后点击添加域名即可,一般是绑定www和不带WWW的两个域名。最后操作完成后,一般需要等待半小时左右可以生效。

2.域名解析

首先进入到域名的管理平台,找到解析按钮,随后点击进入。有的管理平台会有相应的解析说明,在解析设置前需要进行详细阅读。了解了相关的内容后,我们进入解析设置,先是新增两条域名解析,主机名分别为WWW和@值,解析类型可是为CNAME也可以为IP,操作完成后一般在1-24小时内容生效。

总结:按照上面的方法操作完成后,等过一段时间我们可以进行域名打开的测试,如果可以打开说明操作正确。一旦出现打不开的情况,就需要回到各自的管理平台进行检查。

原创文章出自畅想网络,转载地址:http://www.e-wkj.cn/xw/2466.html

itHub pages提供绑定域名的功能(custom domain),在仓库的setting中可以设置,GitHub也提供了帮助页面说明相关步骤和注意事项。一旦成功绑定自己的域名,就可以使用该域名来访问博客了,比如我绑定的域名是iseex.me,那么在浏览器中输入iseex.me就可以了。当然,输入GitHub Pages的原地址(username.github.io)会自动跳转到iseex.me。

虽然GitHub以及网上都有很多域名绑定的操作教程,但是自己操作起来发现还是会遇到一些问题,特别是https支持的配置。这也就是我写这篇博客原因,我希望我写的博客能解决你在网上难以查到答案的问题。

废话不多说,按照以下几个步骤来介绍。

  • 域名申请
  • DNS设置
  • GitHub Pages域名绑定及https支持配置

域名申请

首先得申请个自己喜欢的域名,不建议在国内申请域名,因为要需要备案。在国际知名的域名供应商Godaddy(https://www.godaddy.com)上申请是个不错的选择,GoDaddy支持用支付宝付款,这点对中国用户比较友好。需要提一下,GitHub大法有个GitHub Education (https://education.github.com/),对学生有教育优惠,如果申请成功,GitHub会送你一个教育礼包(pack),包括一年的namecheap(域名供应商)免费域名、Atom编辑器、Digital Ocean(主机)供应商的优惠券等福利。

我这次就是申请的教育优惠,因此用的就是一年免费的namecheap域名,不过需要注意的是namecheap免费域名只限定为.me的域名,不含.com以及.io等,比如我的域名iseex.me一年免费,一年之后需要续费。申请教育优惠和namecheap域名不是今天要讲的内容,具体步骤可参考文章我的 Github 个人博客是怎样炼成的(https://www.jianshu.com/p/4fd3cb0a11da)。

DNS设置

DNS用于域名解析,即将主机空间和域名建立定向关系,是搭建网站非常重要的一个环节。一般来说,主机空间价格较贵,域名比较便宜(除非是那些非常好的域名)。之所以GitHub Pages这么受欢迎,原因之一便是GitHub Pages提供免费的主机空间。

DNSPod是主流的域名解析平台,不过这里用的是namecheap自带的域名解析服务。登陆namecheap,进入控制台,点击Domain List,可以查看到自己的域名,再点击 Manage,如下图。

进入下图,点击Advanced DNS,可以看到namecheap控制台已经自动为你添加了记录。其中两条A记录指向的ip地址是GitHub Pages提供的ip,www指定的记录是你在GitHub注册的仓库。

需要注意的是,为了https配置,上图中的ip是我修改过的。默认情况下namecheap指向的ip是:

  • 192.30.252.153
  • 192.30.252.154

虽然利用上述两个ip也能正常进行域名解析,网站也能正常打开,但是不支持https。https更加安全,越来越多的网站也加持了https,在Chrome中用http而非https的网站会提示不安全。

我在配置过程中,GitHub Pages的settings中就提示绑定的两个ip比较老,现在不能支持https,因此根据GitHub提供的帮助文档(https://help.github.com/articles/troubleshooting-custom-domains/#https-errors)中的信息:

可以知道,支持https的ip地址必须指向以下ip其中一个。

  • 185.199.108.153
  • 185.199.109.153
  • 185.199.110.153
  • 185.199.111.153

如上图所示,我在namecheap控制台配置的就是其中两个。到此DNS的设置就完成了,如果是用DNSPod进行域名解析可以参考资料如何搭建一个独立博客——简明Github Pages与Hexo教程 (https://www.jianshu.com/p/141abf1700da)。

GitHub Pages域名绑定及https支持配置

下面进行GitHub的设置,打开GitHub仓库的settings,在custom domain 中填上刚申请的域名(如果是用namecheap的域名,GitHub Pages会自动填充域名),勾选enforce https,使能https支持,如下图所示。

按照GitHub Pages的帮助文档 (https://help.github.com/articles/using-a-custom-domain-with-github-pages/),绑定域名需要在仓库中新建一个CNAME的文件,文件内容为绑定的域名(比如iseex.me),如下图所示。

不过第一次GitHub Pages也会自动建立好CNAME文件,不需要我们操作什么。

接下来很重要的一步,由于前面我们更新了ip地址,根据GitHub 提供的帮助文档 (https://help.github.com/articles/troubleshooting-custom-domains/),我们需要删除CNAME并重新添加,以触发https支持,如下图所示。

到这里看似该完成的都完成了,可是打开settings,发现还是有警告⚠️。接着,我根据GitHub Pages的Help页面(https://help.github.com/articles/securing-your-github-pages-site-with-https/)提供的帮助,如下图。

大致意思是让html中的链接(src)都使用https的形式,因此我想到的解决办法是在Jekyll或者Hexo的配置文件.config.yml的url项写上带https的域名,如下所示。

修改完push一下,再次到仓库的settings一看发现一切正常,如下图所示。

在Chrome中打开网站iseex.me,也显示安全,如下图。


最近我取消了域名绑定,还是用域名iseex.github.io访问博客,下方iseex.me的链接已无法访问,不过这不影响对本文的理解。另,我的github用户名从以前的iseexuhs换成了iseex,因此不要觉得截图有误。


大功告成,如果有疑问️欢迎在下方留言。如果觉得本文不错就给个关注吧,感谢支持!

喜欢互联网的一点是在互联网放置静态页面是如此简单。今天有人问我该怎么做,所以我想我会快速地写下来!

-- Julia Evans(作者)

我喜欢互联网的一点是在互联网放置静态页面是如此简单。今天有人问我该怎么做,所以我想我会快速地写下来!

只是一个 HTML 页面

我的所有网站都只是静态 HTML 和 CSS。我的网页设计技巧相对不高( https://wizardzines.com 是我自己开发的最复杂的网站),因此保持我所有的网站相对简单意味着我可以做一些改变/修复,而不会花费大量时间。

因此,我们将在此文章中采用尽可能简单的方式 —— 只需一个 HTML 页面。

HTML 页面

我们要放在互联网上的网站只是一个名为 index.html 的文件。你可以在 https://github.com/jvns/website-example 找到它,它是一个 Github 仓库,其中只包含一个文件。

HTML 文件中包含一些 CSS,使其看起来不那么无聊,部分复制自 https://example.com 。

如何将 HTML 页面放在互联网上

有以下几步:

  1. 注册 Neocities 帐户
  2. 将 index.html 复制到你自己 neocities 站点的 index.html 中
  3. 完成

上面的 index.html 页面位于 julia-example-website.neocities.com 中,如果你查看源代码,你将看到它与 github 仓库中的 HTML 相同。

我认为这可能是将 HTML 页面放在互联网上的最简单的方法(这是一次回归 Geocities,它是我在 2003 年制作我的第一个网站的方式):)。我也喜欢 Neocities (像 glitch ,我也喜欢)它能实验、学习,并有乐趣。

其他选择

这绝不是唯一简单的方式,在你推送 Git 仓库时,Github pages 和 Gitlab pages 以及 Netlify 都将会自动发布站点,并且它们都非常易于使用(只需将它们连接到你的 GitHub 仓库即可)。我个人使用 Git 仓库的方式,因为 Git 不会让我感到紧张,我想知道我实际推送的页面发生了什么更改。但我想你如果第一次只想将 HTML/CSS 制作的站点放到互联网上,那么 Neocities 就是一个非常好的方法。

如果你不只是玩,而是要将网站用于真实用途,那么你或许会需要买一个域名,以便你将来可以更改托管服务提供商,但这有点不那么简单。

这是学习 HTML 的一个很好的起点

如果你熟悉在 Git 中编辑文件,同时想练习 HTML/CSS 的话,我认为将它放在网站中是一个有趣的方式!我真的很喜欢它的简单性 —— 实际上这只有一个文件,所以没有其他花哨的东西需要去理解。

还有很多方法可以复杂化/扩展它,比如这个博客实际上是用 Hugo 生成的,它生成了一堆 HTML 文件并放在网络中,但从基础开始总是不错的。


via: https://jvns.ca/blog/2019/09/06/how-to-put-an-html-page-on-the-internet/

作者: Julia Evans 选题: lujun9972 译者: geekpi 校对: wxy

本文由 LCTT 原创编译, Linux中国 荣誉推出

点击“了解更多”可访问文内链接