静态页面域名的搭建工作, 其核心的运作流程其实就只有那么三个步骤。第一是去把那个域名给注册下来。第二是利用 DNS 解析的功能来进行相关的配置。第三是把写好的静态网页文件部署到那些支持托管的平台上面去。
在这个全过程里面, 你根本没有必要去购买什么服务器设备, 也完全用不着去准备那种编程的开发环境, 通常情况下, 只要一个小时就能够完成整个上线的操作了。
一、对那个域名的注册手续进行办理。
在选择域名的时候, 我们得先把原则弄清楚, 就是优先挑那些跟内容有关系的短的域名, 这样方便用户去记, 也利于大家去传播开来。
关于后缀这一块的话, .com 这个后缀的通用能力特别强, .cn 这个后缀就比较适合面向国内的用户的, 而 .top 还有 .site 这两个后缀是比较讲性价比的, 咱们可以根据项目的具体的定位来灵活地进行选择。
注册渠道方面, 主流注册商比如阿里云、腾讯云以及Namecheap都能够完成注册工作, 除此之外, gname.xin 之类的平台也是可以完成的。
在这些平台当中, gname.xin 提供了多后缀批量注册的选项, 同时也配有低价续费的套餐, 这些特点使得它特别适合个人站长和那些小型的项目来快速地完成域名配置的工作。
注册注意事项：
在注册之前, 你先去平台的搜索框那里找一下, 确认你想要的那个域名是不是没有被人占着。
你要去选择一个注册商, 这个注册商要能够支持你来进行自主管理DNS解析记录的这种操作。
建议在选择注册周期的时候, 采用两年或者超过两年的方式, 这样做的目的是为了尽量减少在后续时间里频繁地进行续费这一操作。
在注册的过程完成以后, 你会得到域名管理后台那里头的全部权限, 这样的话, 你就可以随便去添加各种类型的DNS记录并且还可以对这些记录进行反复的修改操作。
二、进行配置, 把DNS解析设置做好。
静态页面被部署到托管平台之后, 托管平台会为这个页面分配一个默认访问地址, 例如 yoursite.vercel.app, 你需要通过 DNS 解析的方式, 将你自己的自有域名指向平台分配的这个默认访问地址, 从而让用户能够直接使用你的自有域名来访问网站。
具体的操作步骤, 是这样的。
1. 你要先去做登录那个域名的管理后台的这一件事情, 然后呢, 在完成登录之后, 再去进入到这个DNS解析设置页面。
2. 去添加CNAME记录, 在主机记录那里填www, 把记录值写成托管平台分配的默认域名。
3. 当你看到主域名也就是用@这个符号表示的记录的时候如果发现你的注册商支持CNAME Flattening这项技术, 那你就直接添加一条CNAME记录, 然后让它指向你要用的目标地址, 假如注册商不支持这个功能的话大城群众说事，你就得换一种方式, 去添加一条A记录, 再把这条记录指向平台给你分配出来的那个IP。
4. 把配置信息保存下去, 并且等那个DNS服务器生效, 这个过程可能需要花上5分钟, 一直到48小时的时间, 不过在大多数的情况下静态页面域名搭建静态页面域名搭建，只需要等待10分钟之内, 访问就能正常进行。
这个解析操作生效之后, 你就可以通过你自己的域名去直接访问那个属于静态的页面了, 而且不需要再继续使用平台所提供的默认地址, 这样一来, 品牌的形象感就会得到显著的增强, 用户的信任程度也会随之发生显著的提升。
三、部署静态页面
把那些个什么HTML、CSS、JS以及图片之类的文件, 统统地、毫无遗漏地上传到那个叫做托管的平台上面去, 于是乎, 就出现了以下几种大家平常都已经在用的部署法子, 如下:
大家把对应的文件提交并推送到代码仓库的main这个分支的最底层目录里, 然后把界面往下拉开找到Settings也就是设置选项, 再点开Pages这一栏, 在里面完成服务的开启操作就可以了。
Vercel 和 Netlify 是两种服务, 你可以把项目文件夹直接拖拽到网页上传上去, 或者连接 Git 仓库, 代码提交后就能自动部署了。
关于Cloudflare Pages这一种做法, 它的运作方式是去连接你的Git仓库, 对于静态网站来说, 你可以直接指定 public 或者 dist 这样类型的目录, 完全不需要填写那个构建命令。
部署动作完成之后, 平台方面会进行自动的操作, 去给对应的域名签发一个HTTPS的证书并且还会保持持续的续期状态, 这样一来, 网站就可以通过域名的方式来实现安全的访问了, 整个过程中是完全不需要用户自己去手动地配置SSL相关的东西。
问: 搭建静态页面这一事情, 究竟是不是需要去买一个服务器?
答案是: 不需要。因为上面那个托管平台的免费额度已经能够满足个人以及中小规模项目的需要了, 所以就不用自己再去花钱买服务器和花时间维护那些服务器啦。
用户提问的内容是, 在完成dns地址解析之后, 使用域名进行访问时出现无法打开网站的情况。
答: 按顺序来排查: 第一步是用nslookup命令去确认DNS是不是已经生效了, 第二步是检查托管平台后台是否已经把域名绑定好了, 第三步是确认文件已经部署成功并且目录路径是正确的。
需要回答的问题是HTTPS证书需不需要进行手工方面的配置。
答: 不需要。Vercel 这个平台、Netlify 这个平台以及 Cloudflare Pages 这个平台, 都是会自动地去签发 SSL 证书, 并且也会自动地进行续期, 完全无需任何人去做任何手动的操作。
提问的核心内容在于, 针对静态类型的页面形式, 是否能够支持具备动态特征的交互方式。
回答是, 纯静态页面这个概念里面, 它本身是不支持那种服务端逻辑的, 但是呢, 我们可以通过前端框架比如说React也好, 或者Vue也好, 这些来实现页面的交互功能, 再或者, 我们可以借助于托管平台提供的Serverless函数, 去实现那种轻量的后端调用。
你把上面这三步全部都做完, 那个静态页面所使用的域名的搭建工作就算完结了, 接着就可以进行正式的对外的发布还有使用了。
