使用Docker部署一个好玩的计时页面『Easy Countdown』

使用Docker部署一个好玩的计时页面『Easy Countdown』

哈喽小伙伴们好，我是Stark-C，五一小长假闲来无事，随便给大家水一篇混个日更吧~

今天给大家分享一个看似花哨，但是没用的Docker项目，一个Web页面的计时器工具。

今天的这个项目的名字叫做『Easy Countdown』，它是一个长达三年没有更新过的小项目，但是因为实在过于简单，它实在没有什么可以更新的，所以自然也不会影响它的使用。

简单来说吗，它其实就是一个动态的倒计时或者计时器的Web页面，除此之外啥也没有。先看看看官方的动图展示：

🔺看上去还是挺炫的，我原本以为可以部署好之后使用吃灰两年的Kindle来展示它的计时页面，但是遗憾的是Kindle竟然无法打开，原因未知，有点遗憾~

🔺部署方式也很简单，官方建议的是docker-compose部署：

version: "3.8" ​ services: web: stdin_open: true image: yooooomi/easy-countdown environment: TIMER_BACKGROUND: "https://w.wallhaven.cc/full/85/wallhaven-8586my.png" # 计时背景图片URL链接 TIMER_TARGET: "Mon May 06 2024 08:00:00 GMT+0800" # 计时的目标时间 TIMER_TITLE: "XXXX" # 计时页面的标题 ports: - "3000:3000" # 端口映射，别冲突就行

或者使用Docker Run命令部署也没有问题（注意每行后面都有斜杠）：

docker run -it

-e TIMER_BACKGROUND="https://w.wallhaven.cc/full/85/wallhaven-8586my.png"

-e TIMER_TARGET="Mon May 06 2024 08:00:00 GMT+0800"

-e TIMER_TITLE="搬砖倒计时"

-p 3000:3000

yooooomi/easy-countdown

接着说说怎么搞定代码中的三个环境变量：

🔺第一个“ -e TIMER_BACKGROUND”，后面其实是一个网络图片的完整URL链接，这里给为大家分享一个宝藏壁纸网站【https://wallhaven.cc/】，大家直接在上面找到自己喜欢的然后右键“复制图像链接”，粘贴过来即可。

🔺第二个“ -e TIMER_TARGET”，这里需要输入“时间戳”，它对时间格式有严格的要求，要不然会无法识别。我们可以使用转换网站【https://www.bchrt.com/tools/unixtime-convertor/】，直接在上面转换之后复制粘贴过来即可。

需要说明的是，这里的“时间戳”可以是现在或以前，也可以是将来。现在或以前页面显示的时间会正向计时，如果是将来它则会倒计时。

至于第三个“ -e TIMER_TITLE”就是可以为我们建立的这个计时起一个标题，标题支持中文，也可以直接留空，大家自由发挥~

🔺这个是我设置好的倒计时，时间戳显示的是6号上班那天。

🔺这个是我设置的正向计时，时间戳是五一假期开始的时间。

🔺虽说Kindle不能打开，手机或者平板打开时没有问题的。

好了，以上就是今天给大家分享的内容，我是爱分享的Stark-C，如果今天的内容对你有帮助请记得收藏，顺便点点关注，咱们下期再见！谢谢大家~