静态页面域名的搭建, 其核心过程是这样子的, 先注册域名, 然后配置DNS解析, 接着部署静态文件, 再把域名绑上去并且开起HTTPS加密功能, 最后验证看是否可以正常上线了, 这一整套手续下来, 完全不用搞服务器运维那些繁琐的事情, 哪怕你只有短短的一个工作日的时间, 也绝对可以保证把全部流程都给搞定, 下面我们就按照一个一个的步骤来进行拆解说明, 力求让大家在操作的过程当中能够做到一次成功。
步骤一：注册域名
首先, 需要选择一家拥有ICP备案资质的域名注册商来进行域名的注册操作。接着打开gname.xin的域名注册界面, 在里面输入你想要使用的候选名称, 系统会立刻帮你查询这个名称是否可用, 该平台支持像.com、.cn、.net这样常见的域名校缀。
在真正填写注册信息的时候, 必须如实填写持有者的姓名、邮箱地址以及联系方式等信息, 等你完成支付步骤之后, 这个域名就会归属于你的账户名下。
大家要特别注意, 如果你打算把东西放在国内的服务器上面去部署的话, 你就必须在事先把这个事情确认好，就是去看一看这个后缀到底是什么样子的, 它到底是不是能够支持那个叫做ICP备案的东西在上面的, 比方说像.com这样的、.cn这样的还有.net这样的这些后缀都是可以的, 你都能够进行相关的操作。
步骤二：配置DNS解析
先登录到你的域名注册商后台, 接着进入 DNS 管理面板的位置, 然后添加一条 A 记录或者是 CNAME 记录, 这样可以把你自己的域名, 或者 www 这个子域名部分, 指向静态托管平台那边提供的 IP 地址, 或者是 CDN 节点所对应的那个域名名称, 至于记录类型怎么选择, 可以参考下面的示例内容。
关于A记录的设置, 你需要把主机记录一项填写为符号@以及字符串www, 同时把记录值这一项填写成由托管平台给你分配的那一个IP地址。
关于CNAME记录, 用户需要在主机记录的栏目里填写 www 这个值, 并且要在记录值的栏目里填写 platform.cdn.com, 请注意这里的数值是需要按照实际情况来进行调整的。
保存完成之后, 要等待全球DNS生效。一般来说, 这段时间是5分钟到48小时。而在国内, DNS的情况一般是20分钟之内就能完成。
步骤三：部署静态页面文件
把那些像 html 、 css 、 js 还有图片之类的静态资源给收拾整理一下, 弄成一个可以拿去部署的目录, 并且还得保证那个入口文件被好好命名为 index.html。因为不同的人用的托管平台是完全不一样的, 所以上传的方式也就跟着不相同了。
支持把代码推送到平台, 你只需要将文件上传到仓库的默认分支, 然后平台会自动进行构建和发布操作。
支持控制台拖拽的平台：直接在文件管理界面上传整个目录
它支持命令行工具平台, 执行 npx wrangler deploy , 或者执行对应的命令。
上传之后, 平台会生成一个临时的访问地址。在这样的时候, 网站的内容已经被互联网进行了访问操作。但是还没有绑定你的域名。
步骤四：绑定域名并开启HTTPS
先回到托管平台控制台, 找到“自定义域名”或者“域名绑定”这个地方, 填入你注册的完整域名, 比如 example.com 和 www.example.com。
然后, 平台会自动生成DNS验证记录, 你需要按照提示去域名解析处添加一条TXT记录, 用来做所有权验证。在验证通过之后, 平台会自动签发SSL证书并强制跳转HTTPS, 整个的证书签发的过程大约需要10到30分钟。
步骤五：验证上线
你可以通过浏览器访问这个链接, 具体地址是你自己的域名加上斜杠和https, 你需要确认页面能够正常加载出来, 同时要看清楚那里有没有证书锁的图标, 并且图标显示是有效的状态, 还要确保没有混合内容的警告出现, 此外, 你可以在手机连接到4G网络的环境下重新测试这种情况, 这样做的目的是为了排除缓存带来的干扰, 如果你需要保证在国内访问的时候非常稳定, 那么你需要确认你所使用的托管平台在中国国内是否有CDN节点存在, 或者在完成ICP备案之后, 将接入方式切换为国内的接入方式。
高频疑难速查
域名解析已经生效了, 但是页面无法正常打开, 你需要检查一下托管平台那边是不是已经完成了域名的绑定操作, 以及SSL证书有没有成功签发出来。
在备案的这个时期, 网站是完全没有办法被访问的, 不过大家可以使用一个临时的测试域名, 就像 test-site.com 这样的东西, 先行做一个验证操作, 等到备案这个步骤全部通过之后, 再切换到正式的域名去。
图片加载出现了404状态码, 需要确认一下文件路径的大小写是否与上传目录保持一致, 因为部分CDN网络会区分大小写。
完成以上的这五个步骤, 静态页面域名的搭建工作就算全部结束了, 后面的更新操作只需要重新上传文件内容并且触发发布程序就可以啦。
