当前位置: 首页 > news >正文

Docker 一键部署倒计时页面:Easy Countdown全设备通用

Easy Countdown 介绍

cd0c528f694a75f782d5d75bfb42e82a

Easy countdown是一个易于设置的倒计时页面。可以设置为倒计时或计时器。可用于个人生活、工作管理、教育、活动策划等多个领域。

🚢 项目地址

  • Github:https://github.com/Yooooomi/easy-countdown

🚀Easy Countdown 特征

  • 🍻 全端无缝访问:基于Web的响应式设计,支持PC、手机、平板等多设备实时同步查看倒计时,团队协作时无需重复登录。
  • 🗺️ 倒计时与计时器双模式:可自由切换正计时(从当前时间累加)与倒计时(向目标时间递减),适用于项目冲刺、考试复习、健身挑战等场景。
  • 🍾 双语标题与多语言支持:支持中英文标题自由切换,且中文界面需UTF-8编码保存,满足多语言需求。
  • 🐳 Docker一键部署: 支持群晖NAS、CentOS等系统,30秒快速启动服务。无需复杂配置,小白用户也能轻松上手。

🛠️ 部署Easy Countdown

👻 先决条件/要求

  • 最低 256MB RAM(推荐 1GB+)
  • 具备docker,docker-compose 环境

🐳 方法一:使用Docker 命令部署

docker run -d \--name countdown \--restart unless-stopped \-p 3000:3000 \-e TIMER_BACKGROUND="https://s3api.srebro.cn:443/picgo/202505111505114.jpg" \-e TIMER_TARGET="Sat Nov 15 2025 06:00:00 GMT+0800" \-e TIMER_TITLE="项目上线倒计时" \docker.cnb.cool/srebro/docker-images-chrom/easy-countdown:latest

🐳 方法二:使用Docker Compose部署 (推荐)

services:easy-countdown:image: docker.cnb.cool/srebro/docker-images-chrom/easy-countdown:latest  ##使用CNB镜像加速container_name: countdownrestart: unless-stoppedports:- "3000:3000"environment:TIMER_BACKGROUND: "https://s3api.srebro.cn:443/picgo/202505111505114.jpg" #背景图TIMER_TARGET: "Sat Nov 15 2025 06:00:00 GMT+0800" #时间戳TIMER_TITLE: "项目上线倒计时"

部署完成后,通过浏览器访问 http://<你的服务器IP或域名>:3000 即可使用Easy Countdown。

image-20250512221144308

image-20250512222628857

⏰ 时间戳转换⇄

  • Unix时间戳转换器 https://www.bchrt.com/tools/unixtime-convertor/
  • 把 日期转 Unix 的时间戳,填入到TIMER_TARGET 中。

image-20250512221527496

🏞️ 推荐宝藏壁纸网站

  • https://wallhaven.cc/
  • https://bz.zzzmh.cn/index
  • https://unsplash.com/
  • https://pixabay.com/

🧭 使用Nginx反向代理

#easy-countdownserver {listen       443 ssl;server_name  date.srebro.cn;  ##替换成自己的域名error_page  404              /404/404.html;charset utf-8;ssl_certificate /home/application/nginx/cert/srebro.cn.pem; ssl_certificate_key /home/application/nginx/cert/srebro.cn.key;ssl_session_cache    shared:SSL:1m;ssl_ciphers  HIGH:!aNULL:!MD5;ssl_prefer_server_ciphers  on;location / {proxy_http_version 1.1;proxy_set_header Upgrade $http_upgrade;proxy_set_header Connection "upgrade";proxy_set_header X-Real-IP $remote_addr;proxy_set_header x-wiz-real-ip $remote_addr;proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;proxy_set_header Host $http_host;proxy_set_header X-Forwarded-Proto $scheme;proxy_pass http://localhost:3000;}
}

🎁 获取 Easy Countdown

  • CNB 仓库地址:Easy Countdown
http://www.xdnf.cn/news/638767.html

相关文章:

  • 2025年5月18日蓝桥stema省选拔赛答案解析
  • GDB调试工具详解
  • 探索高效视频下载:一款绿色版工具的实用体验
  • FreeRTOSConfig.h的作用
  • Three.js 海量模型加载性能优化指南
  • CMake指令:find_package()在Qt中的应用
  • C# 深入理解类(索引器)
  • Disruptor—3.核心源码实现分析一
  • 黑马点评-分布式锁Lua脚本
  • 在线热更新 Upstream全面掌握 ngx_http_upstream_conf_module
  • 华为OD机试真题——字符串加密 (2025B卷:100分)Java/python/JavaScript/C/C++/GO最佳实现
  • HTTP 和 HTTPS 的区别
  • 量子力学:量子力学为什么不属于经典物理学的范畴?
  • 【面板数据】上市公司外资持股数据集(2005-2023年)
  • 临床研究统计分析核心概念解析
  • 【MATLAB代码】主动声纳多路径目标测距与定位,测距使用互相关,频率、采样率可调、声速可调,定位使用三边法|订阅专栏后可直接查看源代码
  • C++学习之STL学习:string类常用接口的模拟实现
  • 大语言模型的完整训练周期从0到1的体系化拆解
  • 基于Qt的app开发第十一天
  • C语言指针详解
  • 湖北理元理律师事务所债务优化方案:让还款与生活平衡的艺术
  • [项目总结] 基于Docker与Nginx对项目进行部署
  • 思考:chmod u+x等价于chmod u=x吗
  • baseParse 有参数可以处理重复属性的逻辑吗
  • 题目 3326: 蓝桥杯2025年第十六届省赛真题-最短距离
  • 医学写作人才管理策略
  • 如何提高用例的覆盖率,减少漏测
  • Java多线程JUC
  • 三重天理论
  • 【Simulink】IEEE5/IEEE9/IEEE14/IEEE30/IEEE33/IEEE39仿真模型