PassNAT LogoPassNAT

轻松搭建个性化倒计时页面 Easy Countdown Docker 一键部署教程,帕斯内网穿透实现外网访问倒计时器

作者

小编

发布时间

Curving abstract shapes with an orange and blue gradient

项目介绍

Easy Countdown 是一个简单易用的倒计时页面项目,可以轻松设置为倒计时器或正计时器。这个项目非常适合用于活动倒计时、生日倒计时、节日倒计时等各种场景。项目基于现代化的 Web 技术构建,界面简洁美观,支持自定义背景图片和标题。

该项目的最大特点是配置简单,只需要设置几个环境变量就能快速部署一个个性化的倒计时页面。无论是用于个人纪念日提醒,还是商业活动宣传,都能满足需求。项目支持 Docker 部署,让部署过程变得更加简单便捷。

项目地址: 点我跳转

部署安装

如需在外也打开项目需要配置内网穿透使用,点击前往 帕斯内网穿透,先注册好账号备用。

复制下列的配置文件

1version: '3.8'
2
3services:
4 web:
5 stdin_open: true
6 image: yooooomi/easy-countdown
7 environment:
8 TIMER_BACKGROUND: https://wallpaperplay.com/walls/full/0/7/6/29912.jpg
9 TIMER_TARGET: 'Fri Oct 01 2025 15:33:36 GMT+0200'
10 TIMER_TITLE: '我的倒计时'
11 ports:
12 - '3000:3000'

打开飞牛 NAS 或其他的 NAS 设备

项目名称可以随便填,点击创建 docker-compose.yml

点击 Compose -> 新建项目

这里需要修改环境变量中的内容:

- TIMER_TARGET:设置你的目标时间,格式为 'Fri Oct 01 2025 15:33:36 GMT+0200'

- TIMER_TITLE:设置倒计时的标题

- TIMER_BACKGROUND:可以修改为你喜欢的背景图片链接

如果提示端口被占用可以修改端口映射的左侧数字,但是需要保持格式正确。

环境变量设置:

必须设置:

- TIMER_TARGET:目标日期时间,如果日期在未来则为倒计时,如果在过去则为正计时

可选设置:

- TIMER_TITLE:倒计时标题,可以为空

- TIMER_BACKGROUND:背景图片URL,可以使用默认背景

其他的都不用填写,直接下一步启动就好了。

创建成功后可以访问 ip:3000 到这里就可以正常显示项目了

穿透公网

打开帕斯内网穿透控制台,点击隧道管理-隧道列表

点击创建新隧道

隧道节点可以随便选,一般选个负载低的就可以

接下来填写信息,隧道名称可以随便填写

本地 IP 默认就可以

传输协议可以选择 TCP 也可以选择 HTTP/HTTPS

HTTP 就是域名的形式,教程以使用 TCP 为演示

本项目中如果没有修改端口的话默认是 3000 端口,这里本地端口就填 3000

远程端口可以留空也可以自定义。下图仅做参考,请按照实际项目端口添加。

填写完毕点击确定

点击刚才创建好的隧道,点击获取配置文件

回到飞牛 NAS,点击应用中心下载 frpc 客户端

打开后粘贴刚才复制的配置文件,点击确定即可

复制帕斯内网穿透控制台的访问 IP 和端口

可以看到已经正常穿透成功了

本篇教程结束