个人网站 · 域名与网站发布实验
一个只在
指定时间内开放的
个人网站
本站由自有域名 lumenghan.xyz 访问,页面托管在免费静态空间上,并按实验要求设置开放时段:只有处于开放区间内的访问请求,才能看到网站内容。
域名 lumenghan.xyz
CNAME 解析
免费静态托管
限时开放
CURRENT STATUS
开放访问中
—
北京时间 UTC+8
- 开放开始
- —
- 开放结束
- —
- 剩余时间
- —
01访问链路
从在浏览器里输入域名,到页面真正显示出来,一共经过四个环节。任何一个环节没有配对,域名都打不开网站。
① 域名
在域名服务商处注册并完成实名,得到可对外使用的网址。
② 解析
把域名以 CNAME 记录指向托管平台,访问请求被转交过去。
③ 托管
免费静态空间保存网页文件,并按请求返回页面。
④ 校验
页面加载时先判断当前时间是否落在开放区间,再决定显示内容还是关闭提示。
02站点信息
本站使用的域名、解析与托管配置,对应实验中的关键步骤。
| 访问域名 | lumenghan.xyz |
|---|---|
| 域名注册商 | 阿里云(万网) |
| DNS 解析记录 | CNAME · 主机记录 @ / www → 托管平台地址 |
| 网站空间 | 免费静态托管平台(海外节点) |
| 开放时段 | — |
| 访问控制方式 | 页面加载时读取当前时间,仅在开放区间内显示网站内容 |
03限时开放的实现
在页面脚本开头设置开放开始与结束时间,访问者打开页面时先做一次时间判断,再决定渲染哪一版内容。若要调整开放时段,只需修改下面两行时间。
// 网站开放时段(按北京时间填写) const OPEN_START = '2026-09-27 00:00:00'; const OPEN_END = '2026-10-15 23:59:59'; // 访问时判断:在区间内显示网站,否则显示未开放提示 const now = new Date(); now >= new Date(OPEN_START) && now <= new Date(OPEN_END) ? showSite() : showClosedNotice();